Pole wejściowe i etykieta
Lekcja 2 z 7 w kursie Formularz logowania — projekt HTML/CSS w Coddy.
Znacznik <input> jest kontenerem dla różnych typów elementów wejściowych, takich jak: pola tekstowe, pola wyboru, przyciski opcji, przyciski wysyłania formularza itp.
Ustaw typ za pomocą atrybutu type,
<input type="text">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="submit">Dobrą praktyką jest dodanie do elementu input znacznika <label>,
<label for="password">Password:</label>
<input type="text" id="password">Zauważ, że atrybut for powinien odpowiadać atrybutowi id elementu input, aby je ze sobą powiązać.
Wyzwanie
ŁatwyDodaj dwa elementy wejściowe z etykietami, o identyfikatorach "username" i "password", ustaw typy elementów wejściowych na "text" i "password" — nie zapomnij połączyć każdej etykiety z jej elementem wejściowym.
Warto dodać znaczniki <br/>, aby zrobić odstępy między wszystkimi elementami!
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Wpisz tutaj kod HTML -->
</body>
</html>Wszystkie lekcje w sekcji Formularz logowania — projekt HTML/CSS
Poćwicz samodzielnie: Edytor online Web