Wymagany atrybut wejściowy HTML5

Wpisz swoje imię

Wprowadź swoje nazwisko

Składać

Powyższy kod generuje wynik, jak pokazano na poniższym obrazku:

Przejdźmy do sekcji CSS, gdzie stylizujemy plik HTML, a następnie zobaczymy, jak działa wymagany atrybut.

Styl „główny” div

Według danego fragmentu kodu, do „do„główny" pojemnik:

• "kolor tła„Właściwość określa kolor tła elementu.
• "maksymalna szerokość„Właściwość definiuje maksymalną szerokość elementu HTML.
• "margines”Właściwość określa przestrzeń w wybranym elemencie HTML.
• "wysokość„Właściwość definiuje wysokość elementu HTML.
• "Radiusz graniczny„Właściwość dostosowuje krawędzie rundy elementu.
• "wyściółka„Własność definiuje wymaganą przestrzeń wokół treści.

Styl „contrent” div

Aby stylizować div „content formy”, zastosuj zaciągnięte właściwości CSS:

• "wyświetlacz”Właściwość ustawia układ elementu.
• "justify-content”Właściwość dostosowuje element poziomo.
• "Wyrównanie„Nieruchomość ustawia elementy elastycznych elementów.
• "wysokość„Właściwość jest wykorzystywana do ustawienia wysokości elementu.
• "rozmiar czcionki„Właściwość wskazuje rozmiar czcionki tekstowej.

Styl „wejściowy” elementu „formy-content” div

Zgodnie z dostarczonym stylem CSS:

• "kolor„Właściwość określa kolor czcionki.
• "zarys”Z wartością„nic”Usuwa zarys elementu po wybraniu.

Styl „zastępczy” elementu „wejściowego”

Kolor czcionki zastępczej pola wejściowego jest ustawiony jako „#dadada".

Styl „guzik” elementu „contrent” div

Zgodnie z danymi właściwościami:

• "kursor„Właściwość jest ustawiona z wskaźnikiem wartości. Gdy mysz się unosi, wyświetli się ręka ze spiczastym palcem.
• "margines lewic„Obiekt dodaje przestrzeń po lewej stronie treści.
• "przemiana„Właściwość jest ustawiona o wartości”Wszystkie 0.3s łatwość”, Gdzie wszystko reprezentuje wszystkie właściwości, 0.3s to czas trwania przejścia, a łatwość reprezentuje ruch przejścia.

Styl „Button” Element na „Władzie

Element przycisku jest stosowany do „przekształcać”Skala (1.1, 1.2) Element transformacji na płaszczyźnie 3D.

Wymagany atrybut jest dołączony do pierwszego elementu wejściowego. Gdy pole jest puste, wyświetli komunikat, jak pokazano poniżej na obrazku:

Z poniższego obrazu widać, że nie możemy pozostawić pustego elementu wejściowego:

Drugi element wejściowy nie jest powiązany z wymaganym atrybutem. Tak więc, czy jest przesłany jako pusty, nie wpływa na działanie zgłoszenia formularza. Po wypełnieniu pierwszego elementu wejściowego adres URL wskazuje, że formularz jest pomyślnie przesłany:

Tak działa wymagany atrybut wejściowy w HTML5.

Wniosek

Element wejściowy CSS jest powiązany z wieloma atrybutami, takimi jak typ, symbol zastępczy, wymagany lub więcej. Wymaganym atrybutem jest boolean, który wskazuje, że pole wejściowe należy wypełnić przed operacją przesyłania formularza. Ten podręcznik wykazał użycie HTML „wymagany”Atrybut z praktycznym przykładem.