Formularz HTML krok po kroku

Formularz HTML

Sekcja dokumentu HTML, która pozwala na interakcję użytkownika poprzez wprowadzanie danych.

Element <form>

Znacznik, który definiuje formularz i może zawierać różne inne elementy, jak <input>, <textarea>.

Atrybut action

Określa adres URL, na który dane formularza będą wysyłane po przesłaniu.

Atrybut method

Określa sposób przesyłania danych: 'GET' lub 'POST'.

Element <input>

Podstawowy element formularza służący do wprowadzania danych przez użytkownika.

Typ input type='text'

Służy do wprowadzania jednoliniowego tekstu.

Uzupełnij zdanie: <input type='...' />

<input type='password' /> - służy do wprowadzania haseł.

Prawda czy fałsz: <form> nie może zawierać <input>

Fałsz, ponieważ <form> zawiera <input> do zbierania danych.

Element <textarea>

Umożliwia wprowadzenie wieloliniowego tekstu przez użytkownika.

Przykład atrybutu name

Używany do identyfikacji elementu formularza przy przesyłaniu danych.

Typ input type='checkbox'

Pozwala na wybór jednej lub więcej opcji z listy.

Różnica między input type='radio' a checkbox

Radio pozwala na wybór jednej opcji, checkbox na wiele.

Atrybut required

Wymusza, aby użytkownik wypełnił dany element formularza przed jego przesłaniem.

Typ input type='submit'

Przycisk, który przesyła formularz do serwera.

Prawda czy fałsz: Atrybut method może przyjmować wartości 'PUT' i 'DELETE'

Fałsz, 'PUT' i 'DELETE' nie są standardowymi wartościami dla formularzy.

Element <label>

Umożliwia przypisanie opisu tekstowego do elementu formularza, ułatwiając użycie.

Uzupełnij zdanie: Element <select>...

...pozwala na wybór z listy rozwijanej opcji.

Atrybut placeholder

Wyświetla wskazówkę wewnątrz pola, zanim użytkownik zacznie wprowadzać dane.

Typ input type='email'

Służy do wprowadzania adresów e-mail, z walidacją formatu.

Typ input type='number'

Umożliwia wprowadzenie tylko liczb, z kontrolą zakresu wartości.

Właściwość action='/'

Przesyła formularz na tę samą stronę, co formularz.