form HTML sono utilizzati per raccogliere le informazioni inserite dall'utente, come ad esempio le informazioni di contatto, le preferenze di ricerca o le credenziali di accesso. I tag del form HTML sono elementi che consentono di creare campi di input e di definire il comportamento del form quando viene inviato.
Ecco una lista dei tag più comuni utilizzati nei form HTML:
Form
Il tag <form> è l'elemento principale utilizzato per creare un form HTML. Il form contiene tutti gli elementi del form, come i campi di input e i pulsanti di invio. È anche possibile definire gli attributi del form, come il metodo di invio dei dati e l'URL di destinazione.
Esempio di form HTML:
<form action="/submit" method="post">
<label for="name">Nome:</label>
<input type="text" id="name" name="name">
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<button type="submit">Invia</button>
</form>Input
Il tag <input> è utilizzato per creare un campo di input all'interno di un form. Ci sono diversi tipi di input disponibili, tra cui testo, email, password, numerico e molti altri.
Esempio di campo di input HTML:
<label for="name">Nome:</label>
<input type="text" id="name" name="name">Label
Il tag <label> viene utilizzato per associare un'etichetta a un campo di input. L'etichetta è utile per fornire una descrizione del campo di input e migliorare l'accessibilità del form.
Esempio di etichetta HTML:
<label for="name">Nome:</label>
<input type="text" id="name" name="name">Select
Il tag <select> viene utilizzato per creare un menu a discesa all'interno di un form. È possibile definire le opzioni del menu utilizzando il tag OPTION.
Esempio di menu a discesa HTML:
<label for="country">Paese:</label>
<select id="country" name="country">
<option value="italy">Italia</option>
<option value="france">Francia</option>
<option value="germany">Germania</option>
</select>Textarea
Il tag <textarea> viene utilizzato per creare un campo di input di testo multi-linea all'interno di un form.
Esempio di campo di input di testo multi-linea HTML:
<label for="message">Messaggio:</label>
<textarea id="message" name="message"></textarea>Button
Il tag <button> viene utilizzato per creare un pulsante all'interno di un form. È possibile utilizzare il tipo di pulsante per definire il comportamento del pulsante, ad esempio inviare i dati del form o annullare l'operazione.
Esempio di pulsante HTML:
<button type="submit">Invia</button>In sintesi, i tag del form HTML sono utilizzati per creare campi di input all'interno di un form, definire le etichette e definire il comportamento del form quando viene inviato. Utilizzando correttamente i tag del form HTML è possibile creare form più accessibili, intuitivi e funzionali.
Inoltre, è possibile utilizzare altri attributi HTML nei tag del form per migliorare la loro funzionalità. Ad esempio, l'attributo required può essere utilizzato per indicare che un campo di input è obbligatorio e deve essere compilato dall'utente prima di inviare il form.
Esempio di campo di input HTML obbligatorio:
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>Inoltre, è possibile utilizzare l'attributo placeholder per fornire un suggerimento all'utente su cosa inserire nel campo di input.
Esempio di campo di input HTML con placeholder:
<label for="search">Cerca:</label>
<input type="text" id="search" name="search" placeholder="Inserisci il testo da cercare...">Infine, i form HTML consentono anche di utilizzare diversi metodi di invio dei dati. I metodi di invio dei dati più comuni sono GET e POST. Il metodo GET invia i dati del form come parametri dell'URL, mentre il metodo POST invia i dati del form come parte del corpo della richiesta HTTP.
Esempio di form HTML con il metodo di invio GET:
<form action="/cerca" method="GET">
<label for="search">Cerca:</label>
<input type="text" id="search" name="search">
<button type="submit">Cerca</button>
</form>