Categorías: código HTML

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.

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.

admin

Entradas recientes

Online HTML compiler: Qué es, cómo funciona y mejores herramientas en la nube

¿Qué es un online HTML compiler? En el desarrollo de software actual, el término online…

6 días hace

Formato HTML: Qué es, características, extensiones y usos en la web

¿Qué es el Formato HTML? El formato HTML es un estándar digital de estructuración de…

6 días hace

Caracteristicas de HTML: Qué es, propiedades clave y estándares web

En el ecosistema del desarrollo web y la ingeniería de software para internet, el lenguaje…

6 días hace

HTML editable: Qué es, el atributo contenteditable y cómo modificar contenido en vivo

¿Qué es un HTML Editable? En el desarrollo web tradicional, la mayoría de los elementos…

6 días hace

Compilador HTML: Qué es, cómo funciona y mejores herramientas online

En la jerga del desarrollo web y la búsqueda habitual de herramientas en internet, el…

6 días hace

Ejemplos de etiquetas HTML: Guía práctica con código y explicación

En el desarrollo web moderno, comprender la teoría del lenguaje de marcado resulta mucho más…

1 semana hace