Formulario
Ejercicio 33
Viendo las características de la siguiente página, resolverla de la misma manera
index.html
<html>
<head>
<title>Formulario de prueba 2</title>
</head>
<body>
<form>
<fieldset>
<legend>Datos personales</legend>
<label for="nombre">Nombre</label>
<input type="text" id="nombre" name="nombre" value="Dafne" />
<label for="apellido">Apellido</label>
<input type="text" id="apellido" name="apellido" value="Perron" />
</fieldset>
<p>
<label for="color">Elija un color</label>
<select name="color" id="color"> <!--podría hacerlo con un datalist-->
<optgroup label="Colores primarios">
<option value="azul">azul</option>
<option value="rojo">Rojo</option>
<option value="amarillo">Amarillo</option>
</optgroup>
<optgroup label="Colores secundarios">
<option value="violeta">Violeta</option>
<option value="anaranjado">Anaranjado</option>
<option value="verde">Verde</option>
</optgroup>
</select>
</p>
<fieldset>
<legend>Selecciona una prioridad</legend>
<input type="radio" id="alta" name="prioridad" value="alta" />
<label for="alta">Alta</label><br />
<input type="radio" id="media" name="prioridad" value="media" />
<label for="media">Media</label><br />
<input type="radio" id="baja" name="prioridad" value="baja" />
<label for="baja">Baja</label>
</fieldset>
<fieldset>
<legend>Seleccione medio de transporte utilizado</legend>
<input type="checkbox" id="transporte1" name="transporte1" value="Bici" />
<label for="transporte1">Bici</label><br />
<input type="checkbox" id="transporte2" name="transporte2" value="Colectivo" />
<label for="transporte2">Colectivo</label><br />
<input type="checkbox" id="transporte3" name="transporte3" value="Moto" />
<label for="transporte3">Moto</label>
<p>
<textarea name="message" style="width: 75%; height: 20%">
Inserte comentario aquí
</textarea>
</p>
</fieldset>
<input type="submit" value="Submit" />
<button type="button" onclick="alert('Datos enviados')">Pulsar</button>
</form>
</body>
</html>
Comentarios
Publicar un comentario