Elementi del modulo HTML

Questo capitolo descrive tutti gli elementi dei moduli HTML.

L'elemento <input>

Il più importante elemento del modulo è <input> elementi.

L'elemento <input> in base a diversi type L'attributo, può variare in molte forme.

Nota:Il capitolo successivo spiega tutti i tipi di input HTML.

L'elemento <select> (elenco a discesa)

<select> L'elemento definisceElenco a discesa:

Esempio

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

Prova tu stesso

<option> L'elemento definisce le opzioni da selezionare.

Di solito, la prima opzione nella lista viene visualizzata come selezionata.

Puoi definire un'opzione predefinita aggiungendo l'attributo selected.

Esempio

<option value="fiat" selected>Fiat</option>

Prova tu stesso

L'elemento <textarea>

<textarea> L'elemento definisce un campo di input multi-linea (Area di testo）：

Esempio

<textarea name="message" rows="10" cols="30">
Il gatto stava giocando nel giardino.
</textarea>

Prova tu stesso

Il codice HTML sopra viene visualizzato nel browser come:

Il gatto stava giocando nel giardino.

Elemento <button>

<button> L'elemento definisce un pulsante cliccabilePulsante:

Esempio

<button type="button" onclick="alert('Hello World!')">Clicca qui!</button>

Prova tu stesso

Il codice HTML sopra viene visualizzato nel browser come:

Elementi di modulo HTML5

HTML5 ha aggiunto i seguenti elementi di modulo:

  • <datalist>
  • <keygen>
  • <output>

Nota:Per impostazione predefinita, i browser non mostrano gli elementi sconosciuti. Gli elementi nuovi non danneggiano la tua pagina.

Elemento <datalist> HTML5

<datalist> L'elemento specifica una lista di opzioni predefinite per l'elemento <input>.

L'utente vedrà una lista a discesa con opzioni predefinite mentre inserisce i dati.

dell'elemento <input>. list L'attributo deve riferirsi all'elemento <datalist> con id Proprietà.

Esempio

Impostare elementi <input> con valori predefiniti tramite <datalist>:

<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist> 
</form>

Prova tu stesso