Formularios y elementos de Formulario

** Insertar campos de texto con un "input" tipo "text" y "name" igual a "nombre":
Nombre:
Apellidos:

** Asignarle un valor a los campos de textos con el término "value":
Nombre:
Apellidos:

** Meter un campo contraseña con un input type "password":
Contraseña:

** Introducir Radio buttons con un input tipo "radio" e igualando el mismo "name" a todas las opciones (diff. value):
Masculino.
Femenino.
... Esto también se puede hacer con labels.

** Con "checkbox" puedo seleccionar varias opciones a la vez (todas deben tener el mismo name) y diferente value:
¿Qué tipo de vehículo tienes?:
Tengo bici.
Tengo coche.
Tengo moto.
... Asignandole un checked=checked marco el que está marcado por defecto.

** Botón "enviar" con un input tipo "submit":
... para enviar el formulario igualaremos "form action" a la página donde queremos ir con un "method" igual a GET (enseñando la info en la url) o POST (ocultando info).

** Limpia todos los datos del formulario con un input type "reset":

** Tabla desplegable con "select name" y cada item en un "option value":
Seleccione la marca de su coche por favor:

** Con mensaje inicial igualando el primer "option value" a "" (vacio) y escribiéndo la frase antes del /option final:
Seleccione la marca de su coche por favor:

** Con un elemento selecionado (para ello poner después del value="fiat" la palabra "selected":
Seleccione la marca de su coche por favor:

** Con disabled deshabilito la primera opción para que no pueda quedar seleccionada con "disabled selected" y la oculto luego al desplegar con "hidden":
Seleccione la marca de su coche por favor:

** Utilizo "placeholder" para que se borre lo que hay dentro del cuadro y me permita escribir:

** Campo de texto en el que puedo escribir varias lineas (textarea):

** limito lo que el usuario puede introducir con maxlength y lo que está escrito desaparece con PLACEHOLDER...

** Botón con (input type "button"):

** Botón que puedo meter un html con la etiqueta (button type="button"):

** Botón con JavaScript que me sacará una alerta:

... Saco una alerta con la opción "onClick" del botón igualandola a "alert ('Hola mundo')"

** Enmarcando el formulario o el elemento que quiera con "fieldset" (esto iría dentro de la etiqueta form):

Información personal: Name:
E-mail:
Fecha de nacimiento:

** Mitad desplegable,mitad caja de texto con "datalist" (me acaba de escribir lo que empiezo a meterle):

... Podemos meter lo anterior pero con un "placeholder" que desaparezca el "Desde" al elegir opción:

** Obligare al usuario que me meta un máximo de 5 números con (pattern="[0-9]{5}"):
- Escribe "123" ó "abcde"

** Obligo a que meta carácteres del 1 al 15 y personalizo el error:
Nombre

** Meter un campo para introducir una fecha con "date":
Introduce tu fecha de cumpleaños

** Introducir un campo "horas" con "time":
Introduce una hora en concreto

** Asignando valores:
Introduzca un cantidad (Entre 1 y 5):

** Asignando valores con decimales:
Cantidad (Entre 1 y 5):

...colores:
selecciona un color:

* Atrás (Vólver al menú de Ejercicios de HTML/CSS).
* Ir al menú de ejercicios de JAVASCRIPT.

* Inicio de la web.