Etiquetas HTML para uso en formularios

Estos son elementos que componen un campo un formulario web.

html5icon=Elemento disponible para html5

Etiqueta Definición Ejemplo Resultado
<form> Define un formulario para el ingreso de datos. <form>–contenido</form> –contenido
<input> Etiqueta para la entrada de texto este puede ser de diferente tipo utilizando el atributo type=”tipo” donde tipo puede ser:

  • text: un alinea de texto
  • password: muestra el texto en formato de password (depende del navegador)
  • html5icon number: en aplicaciones web moviles utiliza el teclado numerico del dispositivo
  •  html5icon date: en aplicaciones web moviles utiliza el selector de fecha
  •  html5icon email: en aplicaciones web moviles utiliza el teclado configurado para escribir una direccion email
  • html5iconurl: en aplicaciones web moviles utiliza el teclado configurado para escribir una URL
  • radio: Muestra una opcion de seleccion de radiobutton
  • checkbox: Muestra serie de opciones, pueden elegirse mas de 1
  • submit: Muestra un botón para enviar el formulario
  • button: Muestra un botón que se le puede agregar o mandar llamar codigo script
  •  html5icon color: Muestra una paleta de seleccion de color
  • file: Muestra un selector de archivo
  • hidden: Crea un campo oculto
<input type=”text”><input type=”password”>

<input type=”number”>

<input type=”date”>

<input type=”email”>

<input type=”url”>

<input type=”radio”>

<input type=”chekbox”>

<input type=”submit”>

<input type=”button”>

<input type=”color”>

<input type=”file”>

<input type=”hidden”>

Radio 01

Check 01

Sel. color:

<select> Muestra una lista desplegable para seleccionar un elemento <select>
<option=”1″>-opcion 1-</option><option=”2″>-opcion 2-</option>

<option=”3″>-opcion 3-</option>

</select>

-opcion 1-
-opcion 2-
-opcion 3-
<label> Muestra una etiqueta para los elementos del formulario <label for=”elemento”>Texto</label> Texto
<textarea> un campo para agregar texto, a diferencia de un input text en este podemos poner mas lineas de texto <textarea>Texto</textarea> Texto

 

 

 

 

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s