Elementos de formulario en html

Un formulario html tiene los seguientes elementos:

  • input
  • label
  • select
  • textarea
  • button
  • fieldset
  • legend
  • datalist
  • output
  • option
  • optgroup



...

Elemento input

Los elementos input se muestran de varias maneras dependiendo del atributo type

Todos los valores de input




Elemento label

El elemento label define una etiqueta para vários elementos

el atributo for del elemento label debe ser igual al atributo id de las entradas




Elemento select

El elemento select define una lista desplagable

ejemplo

El elemento option define una opcion que puede ser selecionada

Para definir una opción preseleccionada, agregue el selected atributo a la opción:

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

Para selecionar los valores visibles utilize el elemento size

<select id="cars" name="cars" size="3">

Para selecionar varias opciones utilize el atributo multiple

<select id="cars" name="cars" size="4" multiple>

ejemplo




Elemento textarea

El elemento textarea define un campo de entrada con varias lineas

El atributo rows especifica el numero de lineas del campo

El atributo cols define las columnas visibles

Tambien se puede defeir la area con CSS

    <textarea name="message" style="width:200px; height:600px;">
    The cat was playing in the garden.
    </textarea> 
 



Elemento button

El elemento button define un elemento que se puede hacer click




Elemento fieldset

Los elementos fieldset se utiliza para agrupar datos relacionados en un formulario

El elemento legend es el titulo de los elementos fieldset

Ejemplo

Personalia:







Elemento datalist

datalist define una lista de opciones predefenidas por un elemento de entrada input




Elemento output

El elemento output representa una salida

0 100 + =



Publicar un comentario

0 Comentarios