Realizar un formulario en html puede parecer la cosa mas sencilla que nos puedan pedir. Pero muchas no tenemos a disposición un base para poder comenzar.
Me he dado la tarea de realizar un pequeño formulario que poco a poco iré desarrollando, aplicandole color y efectos con CSS - Javascript. Tambien iré probando jugar con PHP + MySql y por ultimo jugar con la API de Facebook.
El código básico de un formulario en html seria:
<form action="">
<label for="Nombre">Nombre y Apellido</label>
<input type="text" id="nombre" name="nombre" placeholder="Nombre y Apellidos" required>
<label for="email">Correo Electrónico</label>
<input type="email" id="email" name="email" placeholder="Escriba su correo electrónico" required>
<label for="telefono">Teléfono</label>
<input type="tel" id="telefono" name="telefono" placeholder="Escriba su telefono movil" required>
<label for="mensaje">Escriba un mensaje</label>
<input type="textarea" id="mensaje" name="mensaje">
<input type="submit" value="E n v i a r">
</form>
- Id =””: Este atributo nos sirve para diferenciar cada una de las etiquetas input en nuestro CSS, también puede “class”.
- Name=””: Cuando empece a trabajar, no entendia para que carajos la usaban. No fue hasta que empece a trabajar con PHP y MySql. El atributo “name” nos permite diferenciar cada uno de los campos del formulario e identificarlos para poder guardarlo en una base de datos. Es importante que este no este repetido con los demás campos
- Placeholder=””: Me parece un atributo muy, pero muy útil. Con este podemos guiar a nuestros visitante lo que tienen que introducir en ese campo, aunque parezca ridículo, siempre es bueno recordarles que tienen que introducir su nombre y apellido en el campo “Nombre y Apellido”.
- Required=””: Existe información que necesitamos si o si de aquellos que quieren contactarse con nosotros. En este ejemplo creo que todos son necesarios para comunicarnos con ellos, pero hay formularios en el que introducir algunos datos personales es opcional
- Value=””: Se lo utiliza mas para los de tipo “submit” que vendrían a ser el botón de enviar. Pero también sirve para darle algunos valores por defecto a los campos que tenemos arriba, como también los valores de la etiqueta “select”.
Tipos de input:
- Text:
- Email:
- Tel:
- Textarea
- Submit
(Creo que no es necesario explicar cada uno de ellos, pues su mismo nombre nos da una idea para qué es lo que sirve).
Eso todo lo que deberías saber (por ahora) acerca de los formularios html. Poco a poco iré publicando algunos de las características y problemas con las que me topado a la hora de realizar cumplir algunos caprichos de diferentes empresas.
SOCIALIZALO →