Saltar la navegación

Revisando el código

El siguiente formulario (Formulario 1), por ejemplo, permite al usuario ingresar y enviar información acerca de su auto.

Vista de Formulario


Formulario de Registro de Autos



Tipo de vehículo:



Accesorios





Código del Formulario

<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  1, con el fin de identificar el código correspondiente a cada una de las etiquetas descritas:

  • Lineas 2 y 29, indican el inicio y cierre del formulario
  • Lineas 3, 5 (por ejemplo) son labels
  • Línea 4, es una caja de texto
  • Líneas 6 a 11 representa el código de una Lista de opciones
  • Línea 14 a 17 representa el código de un grupo de Radio Button
  • Línea 20 a 25 representa el código de varios Checkbox
  • Línea 28 representa el botón de envío de información del formulario, es decir, el botón submit