Elementos de formulario HTML

Este capítulo describe todos los elementos de formulario HTML.

el elemento <input>

El elemento más importante de un formulario es <input> elemento.

El elemento <input> según diferentes type Atributos, que pueden variar en varias formas.

Nota:El siguiente capítulo explica todos los tipos de entrada HTML.

El elemento <select> (lista desplegable)

<select> El elemento defineLista desplegable:

Ejemplo

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

Prueba Personalmente

<option> El elemento define las opciones a elegir.

Los listados suelen mostrar la primera opción como seleccionada.

Puedes definir opciones predefinidas mediante la adición de la atributo selected.

Ejemplo

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

Prueba Personalmente

El elemento <textarea>

<textarea> El elemento de área de texto define un campo de entrada de múltiples líneas (Área de texto）：

Ejemplo

<textarea name="message" rows="10" cols="30">
El gato estaba jugando en el jardín.
</textarea>

Prueba Personalmente

El código HTML anterior se muestra en el navegador como:

El gato estaba jugando en el jardín.

Elemento <button>

<button> El elemento define unBotón:

Ejemplo

<button type="button" onclick="alert('¡Hola Mundo!')">¡Haga clic aquí!</button>

Prueba Personalmente

El código HTML anterior se muestra en el navegador como:

Elementos de Formulario de HTML5

HTML5 añade los siguientes elementos de formulario:

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

Nota:Por defecto, el navegador no muestra elementos desconocidos. Los nuevos elementos no dañarán su página.

Elemento <datalist> de HTML5

<datalist> Elemento que especifica una lista de opciones predeterminadas para el elemento <input>.

El usuario verá una lista desplegable con opciones predeterminadas a medida que ingrese datos.

elemento <input> del list El atributo debe referirse al elemento <datalist> del id Atributo.

Ejemplo

Establecer elementos predeterminados en el elemento <input> mediante <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>

Prueba Personalmente