Descripción
El elemento input nos sirve para incluir la obtención de información dentro de un formulario definido mediante el elemento form.
Existen múltiples formas de pedir información al usuario mediante el elemento input, y el atributo type nos permite configurarlas. Así los datos de entradas podrá ser texto, colores, fechas, rangos, teléfonos,…
Sintaxis
<input/>
Atributos
- accept
- alt
- autocomplete
- checked
- dirname
- disabled
- form
- formaction
- formenctype
- formmethod
- formnovalidate
- formtarget
- height
- list
- max
- maxlength
- min
- minlength
- multiple
- name
- pattern
- placeholder
- readonly
- required
- size
- src
- step
- type
- value
- width
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
<!DOCTYPE html>
<html>
<body>
<form>
<label for="usuario">Usuario:</label>
<input type="text" id="usuario" name="usuario">
<br>
<label for="email">Email:</label>
<input type="text" id="email" name="emai">
<br>
<input type="submit" value="Enviar">
</form>
</body>
</html>
Artículos
- Cálculo de totales y subtotales en Javascript
- Cambiar el valor de un radio group dinámicamente
- Checkbox marcados por defecto
- Elemento rango en formularios HTML5
- Evitar el envío de un formulario
- Formulario en ventana dialogo con HTML5
- Formulario para pedir passwords
- Validar password con JavaScript
- Validar que el texto introducido es un número
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.