Pola tekstowe
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 36 z 60.
W HTML pola tekstowe służą do tworzenia pól formularzy, w których użytkownicy mogą wpisywać tekst. Istnieją różne rodzaje pól tekstowych, z których każdy jest przeznaczony do wprowadzania innego rodzaju danych tekstowych. Najczęściej używanym rodzajem jest jednoliniowe pole tekstowe, tworzone za pomocą tagu <input> z atrybutem type ustawionym na "text".
Oto podstawowa składnia tworzenia pola tekstowego w HTML:
<input type="text" name="fieldname"><input>: Znacznik definiujący pole wprowadzania danych.type="text": Atrybut określający typ pola wprowadzania danych jako tekst.name: Atrybut nadający polu wprowadzania danych nazwę, która służy do identyfikacji danych po wysłaniu formularza.
Uwaga:
inputto specjalny tag, który nie wymaga tagu zamykającego!
Wyzwanie
ŁatwyUtwórz dokument HTML zawierający formularz z następującymi polami tekstowymi:
- Pole tekstowe o nazwie “firstname”.
- Pole tekstowe o nazwie “lastname”.
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<body>
<!-- Wpisz tutaj kod -->
</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