Atrybuty pól
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 37 z 60.
Oto kilka innych przydatnych atrybutów pól tekstowych:
placeholder: Wyświetla krótką podpowiedź opisującą oczekiwaną wartość pola wejściowego (np. „Enter your name”).value: Ustawia początkową wartość pola wejściowego.maxlength: Określa maksymalną liczbę znaków dozwoloną w polu wejściowym.
Oto przykład, jak utworzyć pole tekstowe z tekstem zastępczym:
<input type="text" name="username" placeholder="Enter username">W tym przykładzie mamy pole tekstowe o nazwie "username" i z podpowiedzią „Enter username”. Gdy pole jest puste, jego wnętrze wyświetla tekst podpowiedzi. Gdy użytkownik zacznie pisać, tekst podpowiedzi zniknie.
Wyzwanie
ŁatwyUtwórz dokument HTML zawierający formularz z następującymi polami tekstowymi:
- Pole tekstowe o nazwie "firstname" i podpowiedzi „Enter your first name”.
- Pole tekstowe o nazwie "lastname" i podpowiedzi „Enter your last name”.
- Pole tekstowe o nazwie "email" i podpowiedzi „Enter your email”. Ustaw maksymalną długość tego pola na 50 znaków.
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<body>
<!-- Wpisz kod tutaj -->
</body>
</html>
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Podstawy
1Podstawy HTML
Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML7Strona profilu osobistego
Omówienie projektuSekcja nagłówka
Zdjęcie profiloweSekcja „O mnie”Linki do mediów społecznościowych2Tekst i formatowanie
NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie8Formularze i pola wejściowe, część 1
Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz11Strona rejestracji na wydarzenie
Przegląd projektuSekcja nagłówkaSekcja szczegółów wydarzeniaFormularz rejestracyjnySekcja stopkiPoćwicz samodzielnie: Edytor online Web