todos estos atributos tienen que ver con el intercambio de información con el usuario:
action establece el archivo que va a procesar la información.
target donde o qué es lo que va a abrir.
method es como mando la información, puede ser:
get: no se usa para información sensible, ya que manda la información dentro del URL.
post: es más seguro.
autocomplete nos permite guardar datos que ya fueron escritos anteriormente para volverlos a usar o seleccionarlos.
Etiquetas para usar dentro de los formularios:}
<fieldset> permite crear un cuadro para agrupar información
<legend> permite escribir el nombre o subtitulo del grupo que acabamos de crear
<label> Es el texto que nos indica que escribir o seleccionar, y con el atributo for lo relacionamos con el ID del input (información del
usuario)
<input> Es el campo donde el usuario escribe o selecciona su información
type= Text para escribir una linea de texto, password para que oculte lo que escribimos
id debe ser el nombre de for de label para relacionarse
name es el nombre de la variable con la que enviará la información
placeholder es un texto de ejemplo que se pone gris y al comenzar a escribir se quita solo.
<select> permite generar un listado de opciones, y dentro de ella usamos la etiqueta option id, name
<option> permite escribir el nombre o subtitulo del grupo que acabamos de crear
value es la información que se manda al guardar la información (el dato que yo voy a manejar)
selected para que aparezca preseleccionado
permite seleccionar varias opciones se puede usar el ejemplo:
permite seleccionar una opción pero con grupos en la selección con la etiqueta <optgroup>
dentro de select podemos usar <datalist>
para crear una de ayuda, el usuario puede escribir lo que desee, pero le aparecen opciones para ayudarlo.
<textarea> permite agregar un párrafo o varias lineas de texto. id, name,
cols para el numero de columnas y
rows para el numero de filas
<button> Crea un botón y hay de tres tipos
reset para borrar lo escrito o seleccionado,
button al que le podemos poner código javascript para definir que hará
submit que envía los datos seleccionados o escritos.
El resto de las atributos de la etiqueta input son:
email lo que hace es verifica que tenga un @ y al menos un punto.
tel para llenar un teléfono, si la página se usa desde el celular, abre el teclado numérico.
number te deja seleccionar un numero entre lo asignado, y si escribes otra cosa te corrija.
search para buscar, puede buscar en Internet, pero por lo pronto no funcionará ya que necesita otro tipo de programación.
radio Nos deja seleccionar una sola opción de la lista. lo importante es que el name de todos sea el mismo, de lo contrario, deja
seleccionar más de uno
checkbox para cuando vamos a poder seleccionar más de una respuesta. name si debe ser diferente.
color Nos abre la paleta de colores y nos deja seleccionar uno, o podemos poner los valores del color en RGB, HSL (Hue/tono,
saturación y luminosidad) o por su código hexadecimal.
date Me deja seleccionar una fecha.
datetime-local deja seleccionar la fecha y hora
month deja seleccionar mes y año
range permite seleccionar un rango con un valor aproximado.
file para subir documentos al formulario