Scribd
Cargar
46 vistas3 páginas

Formularios HTML

Un formulario básico incluye etiquetas <form>, <label> y <input>. La etiqueta <form> envuelve el formulario, <label> etiqueta los campos y <input> crea los campos de entrada. Diferentes tipos de <input> incluyen "text" para nombres, "date" para fechas, y "time" para horas. La etiqueta <select> permite al usuario seleccionar una opción de una lista. Atributos como "required" y "autocomplete" ayudan a validar y completar automáticamente los campos.

Cargado por

JUAN DIEGO ROMERO MURCIA
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
46 vistas3 páginas

Formularios HTML

Un formulario básico incluye etiquetas <form>, <label> y <input>. La etiqueta <form> envuelve el formulario, <label> etiqueta los campos y <input> crea los campos de entrada. Diferentes tipos de <input> incluyen "text" para nombres, "date" para fechas, y "time" para horas. La etiqueta <select> permite al usuario seleccionar una opción de una lista. Atributos como "required" y "autocomplete" ayudan a validar y completar automáticamente los campos.

Cargado por

JUAN DIEGO ROMERO MURCIA
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 3

Formularios

Etiqueta form e input

Formulario básico:

La gente odia hacer formularios, hay que hacerlos simples de entender,


siendo pensados para los usuarios.

Una forma semántica para utilizar bien los formularios es poniendo


<form> porque asi le decimos al navegador acá va un formulario.

Luego de form va <label> y dentro de este ya va etiqueta de <input>

Queda de esta manera.


<form action="">
        <label for="nombre">
            <span>Su nombre pato</span>
            <input type="text" id="nombre">
        </label>
    </form>
Hay diferentes tipos de input en este caso es text.

En el label se pone lo que se quiere saber en el formulario por ejm el


nombre, el id debe tener lo mismo que se piso en el for de label.

La etiqueta <span> sirve para poner lo que se quiere preguntar y asi el


usuario sepa que llenar.

El <placeholder> este va dentro de input y nos sirve como apoyo o


guía para que la persona sepa que debe llenar ejm: acá va su nombre.

Hay varios tipos de type, algunos son: text, date y time.

Text: Es para nombres.

Date: Fechas.

Time: Horas que poner.


Formulario avanzado:

Hay dos formas de hacer un calendario una forma sencilla y la otra es


una forma complicada pero con mayor control en el formulario.
<input type="time" id="hora" name="hora">
Si queremos mandar informacion utilizamos name, que debe tener lo
mismo que for en el label y id en el input. Ejm: hora.

Hay otro type que es para enviar formularios y es submit.

Hay otro type que es para semanas y este es week.

Hay otro type que es para meses y este es month.

Hay otro tipo de type que es para poner la fecha local y nos facilita el
trabajo y es datetime-local.

Hay otro tipo de type que es para correo es email,busca que tenga un
aroa y un punto algo.

Nota: Para hacer validaciones de datos en HTML usamos el atributo


autocomplete, este siempre trae un valor que es parecido a los types
en input. Ejm: Para nombre el valor es name.
autocomplete="name"

Un atributo para hacer obligatorio llenar alguna pregunta es required,


este se pone dentro del input y de esta manera funcionara.
Etiqueta de Select: Sirve para darle una selección de artículos dentro
para poder escoger la opción que necesitamos, dentro de select va
option que es donde pondremos las opciones a marcar.
<select name="Cursos" id="">
            <option value="">patinaje</option>
            <option value="">futbol</option>
            <option value="">basketabll</option>
            <option value="">tejo</option>
        </select>
Option tiene un valor que es value y este debe ser el mismo que
tenemos de nombre porque este es el valor que se guarda, toca
ponerle valor. Ejm:
<option value="patinaje">patinaje</option>

También podría gustarte