Spisie treści
Jednym z najważniejszych elementów w dokumencie HTML jest element Wejście ponieważ jest to główne źródło zasilania, które mamy dla użytkownika, w tym samouczku zobaczymy nieco bardziej szczegółowo, jak pracować z tym elementem i jego charakterystyką, a także atrybutami, z których możemy korzystać HTML5.Wprowadź tekst
ten Wprowadź tekst, jest to najbardziej podstawowa forma elementu wejściowego, pozwala nam przechwycić alfanumeryczny zwykły tekst i dowolny znak specjalny, to chociaż dane wejściowe nie są złe, czasami musimy trochę bardziej przefiltrować, aby uzyskać dane, których naprawdę potrzebujemy.
Zobaczmy specjalne atrybuty, których możemy użyć z tym elementem, gdy pracujemy jako typ tekstowy.
- imię: Ten atrybut nie jest nowy dla HTML5, jednak ten atrybut pozwala nam zmienić kierunek wprowadzania tekstu z prawej na lewą lub z lewej na prawą, czego zwykle używamy w języku zachodnim.
Komentarz:
Wyślij komentarz
- lista: Ten atrybut jest nowy w HTML5 i daje nam możliwość określenia id elementu lista danych Mogłem przypisać wartości do tego elementu.
Strona główna:
- maksymalna długość: Kolejny stary znajomy HTML, Nie jest nowy, ale jest bardzo pomocny, ponieważ pozwala nam ograniczyć maksymalną liczbę znaków, które akceptuje wejście, przykładem jest gdy akceptujemy kody 3-literowe, umieszczamy ten atrybut na wartości 3 i próbując wpisać Czwarty list to nie to bym po prostu pisał.
- wzór: Nowość w HTML5 umożliwia nam wprowadzanie wzorców wyrażeń regularnych, dzięki czemu możemy dodać nowy poziom walidacji bez użycia dodatkowych języków.
Numer części:
- symbol zastępczy: Nowy w HTML5, Jest to pomoc wizualna pozwalająca na wpisanie tekstu, który pojawi się w tekście wejściowym, stanowiąca niewielką pomoc dla użytkownika, np. jeśli tekst wejściowy dotyczy wpisania imienia i nazwiska, możemy umieścić symbol zastępczy „Wpisz imię i nazwisko oddzielone spacją”, oczywiście dostosowując style tak, aby wszystko wyglądało estetycznie.
Mniam:
- tylko czytać: Ten atrybut nie jest nowy w HTML5, pozwala nam uniemożliwić użytkownikowi wprowadzanie danych lub edytowanie zawartości pola, które ma ten atrybut.
- wymagany: Nowy w HTML5, Atrybut ten pozwala nam wskazać, że jeśli dane wejściowe są puste to formularza nie należy jeszcze składać, wymuszając tym samym obligatoryjność jego wypełnienia, w ten sposób podnosimy kolejny poziom walidacji.
Adres e-mail:
- rozmiar: Pomaga nam określić szerokość elementu wejściowego, ten atrybut nie jest nowy, jednak jest bardzo ważny, ponieważ pomaga nam zapewnić lepszą wizualizację tekstu, który musi wprowadzić użytkownik, a także pomaga nam estetycznie stworzyć jednorodność pola wejściowe, aby móc umieścić je wszystkie o szerokości większej niż domyślna.
- wartość: Nie jest to nowość w HTML5, ten atrybut pozwala nam umieszczać wartości w tekście wejściowym, różni się od symbolu zastępczego, ponieważ to, co jest w wartości przypisywanej podczas wysyłania, jeśli ma być wysłana jako zawartość elementu, jest dość przyzwyczajone do wypełnić formularz treścią, która zostanie przywieziona z bazy danych, gdy używamy języka serwera.
W następnej części samouczka zobaczymy kilka praktycznych przykładów wykorzystania niektórych z tych atrybutów.
Aktualizacja: Część 2 tego samouczkaPodobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
