Aprende a diseñar tu propia pagina web tutorial HTML #4 Formularios

aqui

1. type: Nos indica el tipo de variable que utilizaremos en la caja de texto, en mi caso las dos primeras coloque text ya que son texto los que colocare allí, la tercera le coloque password, debido que colocare una contraseña en la mencionada caja
2. name: Esta nos indica la palabra clave que definirá nuestra caja de texto para cuando utilicemos código de programación como el php.








• Podemos añadirle mas atributos a nuestra caja uno de estos es placeholder que nos coloca un texto en la caja el cual se borra cuado escribimos en la caja de texto









_{Aquí puedes visualizar en las cajas como se ve y como se borra las letras al escribir}
• Ahora agregaremos un selector para que podamos seleccionar fechas o países.










• Colocamos también un botón, su función es enviar los datos que uno introduzca a el formulario








• Podemos observar como quedo el selector y el botón que hemos creado.








• Ahora podemos ordenarlos y dejarlos uno debajo del otro colocando un < b r > para que pase a la siguiente linea








• Para que el formulario tenga un mejor aspecto te mostrare este preámbulo al css y le agregare una imagen de fondo y le cambiare el color a la etiqueta label





_{La imagen debe estar guardada donde mismo guardaste la ubicacion de la pagina en la misma carpeta}


• Ahora nuestra pagina nos queda así y nuestro formulario obtiene un mejor aspecto.








Así me despido una vez más un saludo para todos los lectores, próximo capitulo Sorpresa.!!





Apoyemos el trabajo de @cervantes como Witnesses en esta página:
https://steemit.com/~witnesses



_{fuente de la imagen fuente
Proporcionadas por el usuario @carlos-cabeza}




síganme en mis redes sociales







Todas las imágenes son de mi autoría y todo lo realice bajo el sistema operativo windows 7.