Los formularios son muy útiles a la hora de recoger información del usuario. Un formulario es un conjunto de controles que permiten al usuario ingresar datos y enviar dichos datos al servidor.
En la figura, un formulario está encerrado entre las etiquetas <form>. Dentro de estas etiquetas encontraremos los "elementos del formulario" que en la práctica serán controles del formulario tales como botones, etiquetas, cajas de texto, etc).
El siguiente formulario, por ejemplo, permite al usuario ingresar y enviar información acerca de su auto.
<h1>Formulario de Registro de Autos</h1>
<form action="/action_page.php" method="POST">
<label for="txtPlaca"> Placa:</label>
<input type="text" id="txtPlaca" name="placa"><br><br>
<label for="cmbMarca">Marca:</label>
<select name="marca" id="cmbMarca">
<option value="1">Nissan</option>
<option value="2">Chevrolet</option>
<option value="3">Mazda</option>
<option value="4">Renault</option>
</select>
<h3>Tipo de vehículo:</h3>
<input type="radio" id="rbtHashback" name="tipoVehiculo" value="hashback">
<label for="rbtHashback">Hashback</label><br>
<input type="radio" id="rbtSedan" name="tipoVehiculo" value="sedan">
<label for="rbtSedan">Sedán</label><br>
<h3>Accesorios</h3>
<input type="checkbox" id="accesorio1" name="vidrios" value="1">
<label for="vehicle1"> Vidrios Elécricos</label><br>
<input type="checkbox" id="accesorio2" name="asientos" value="2">
<label for="vehicle1"> Asientos de cuero</label><br>
<input type="checkbox" id="accesorio3" name="sensores" value="3">
<label for="vehicle1"> Sensores</label><br>
<input type="submit" value="Enviar">
</form>Analicemos, entonces, el siguiente código que corresponde al formulario, con el fin de identificar el código correspondiente a cada una de las etiquetas descritas:
La etiqueta FORM tiene varios atributos que es necesario conocer. Algunos de estos se encuentran en la línea 2 y son:
Los otros atributos, no menos importantes, las puedes ver en la siguiente página de W3C School.
Obra publicada con Licencia Creative Commons Reconocimiento Compartir igual 4.0