Vamos a crear un formulario simple
"utf-8">
"texto1" type="text">
"boton1" type="button" value="Púlsame">
Vamos a añadir más tipos de objeto de formulario
"utf-8">
TEXTO
"texto1" type="text">
CASILLA DE VERIFICACIÓN
"casilla1" type="checkbox">
MENÚ DE SELECCIÓN
1 hijo
2 hijo
3 hijo
BOTONES DE OPCIÓN RADIAL (CREA AGRUPADOS POR SU NOMBRE)
"radial1" type="radio">"radial1" type="radio">
"radial2" type="radio">"radial2" type="radio">
CONTRASEÑA
"clave1" type="password">
ÁREA DEL TEXTO
OCULTO
"oculto1" type="hidden">
BOTÓN
"boton1" type="button" value="Púlsame">
BOTÓN DE ENVIAR FORMULARIO
"boton1" type="submit" value="Finalizar">
Añadimos más etiquetas (label) al formulario y nuevas opciones.
"utf-8">
TEXTO
Pon tu nombre
"texto1" type="text" value="NombrePorDefecto">
"texto2" type="text" placeholder="Aquí tu apellido">
CASILLA DE VERIFICACIÓN
"casilla1" type="checkbox" checked>Experto
MENÚ DE SELECCIÓN
BOTONES DE OPCIÓN RADIAL (CREA AGRUPADOS POR SU NOMBRE)
"radial1" type="radio" value="eccasado">Casado"radial1" type="radio" value="ecsoltero">Soltero
ÁREA DE TEXTO
Escribe tu comentario
BOTÓN DE ENVIAR FORMULARIO
"boton1" type="submit" value="Enviar">
OPCIONES DE ENVIO DE FORMULARIO
"utf-8">
HAY DOS MÉTODOS DE ENVÍO
- GET: Envía los datos del formulario en la dirección (por defecto), con una cadena url ?nombre1=valor1&nombre2=valor2&....
- POST: Envía los datos internamente, no visible
Aparte podemos indicar hacia donde va el formulario, con "action"
Buscar
"text" name="q">
"boton1" type="submit" value="Enviar">
Podemos enviar un formulario por post a otro archivo abajo nuestra:
Buscar
"text" name="info">
"boton1" type="submit" value="Enviar">
RESULTADO DEL FORMULARIO ANTERIOR
Gracias por enviarnos el formulario
Creamos el css para los elementos de formulario
"utf-8">
TEXTO
Pon tu nombre
"texto1" type="text" value="NombrePorDefecto">
"texto2" type="text" placeholder="Aquí tu apellido">
CASILLA DE VERIFICACIÓN
Experto
"casilla1" type="checkbox" checked>
MENÚ DE SELECCIÓN
BOTONES DE OPCIÓN RADIAL (CREA AGRUPADOS POR SU NOMBRE)
"radial1" type="radio" value="eccasado">Casado"radial1" type="radio" value="ecsoltero">Soltero
ÁREA DE TEXTO
"boton1" type="button" value="Botón 1">
"boton2" type="button" class="boton2clase" value="Botón 2">
BOTÓN DE ENVIAR FORMULARIO
"botonenviar" type="submit" value="Enviar">
