Etiqueta input
La etiqueta input: Es la etiqueta de entrada que simboliza un campo de datos tipado por lo general se asocia con un control, esto permite a los usuarios finales corregir su valor, esta etiqueta dispone de muchos tipos diferentes de campos, este campo dependerá mucho del valor que significa el atributo type.
La etiqueta input es usada para crear controles que interactua con el usuario final, a través de los formularios de la web, hechas con HTML, los formularios están formadas por la etiqueta <input>, esto varia depende del valor del atributo type.
indice del tema
Atributos.
Esta etiqueta input incluye los atributos globales, para conocer cada uno de los atributos con sus ejemplos respectivos hacer click encima del nombre:
| Atributo: | Campo de Entrada : |
| <input type="password"> | Para contraseñas |
| <input type="text"> | Para textos |
| <input type="checkbox"> | Selector multiple |
| <input type="color"> | Selector de color |
| <input type="time"> | Para Hora |
| <input type="radio"> | Selector único |
| <input type="email"> | Para dirección de correo electrónico |
| <input type="submit"> | Botón de envió |
| <input type="hidden"> | Texto para no ser vista, ni editada |
| <input type="week"> | Para Semana |
| <input type="range"> | Numero dentro de un rango |
| <input type="date"> | Para Fecha |
| <input type="url"> | Una dirección url |
| <input type="image"> | Botón de envió de gráfico |
| <input type="search"> | Para Búsqueda |
| <input type="tel"> | Numero telefónico |
| <input type="number"> | Valor numérico |
| <input type="reset"> | Botón de reset |
| <input type="datetime-local"> | Fecha y hora local |
| <input type="button"> | Botón clásica |
| <input type="file"> | Para subir archivos |
| <input type="month"> | Para Mes |
Nota: A la hora de declarar la etiqueta <input> es muy importante poner el atributo type con su respectivo campo, este atributo define el tipo de campo que queremos de entrada en nuestro formulario. Así como también tenemos otros atributos que nos ayudará a mejorar la visión de nuestro campo:
El atributo placeholder ayuda al usuario final a completar los campos, no se preocupe por el ejemplo de este atributo sólo Haz clic en el nombre del atributo y te llevará a la página dónde nos ampliaremos más sobre el atributo.
Una de los atributos mas importantes de la etiqueta <from> es el action lo cual indica la dirección a donde le llevara la información rellenada por el usuario final. Así también tenemos el atributo method para lo cual indicaremos el método (GET o POST) por cual será enviado la información.
Deja una respuesta