Formulario-1
<h1>Formulario - Selección anidada<h1>
<br>
<form name="formulario" action="#" method="POST">
<fieldset id="datos">
<input type="text" name="nombre" placeholder="Nombre Empresa">
<input type="text" name="email" placeholder="Email@empresa">
<input type="text" name="telefono" placeholder="Teléfono Contacto">
<br><br>
<textarea name="texto" placeholder="Comentario" rows="3" cols="40"></textarea>
<label>Motivos Rechazo-Aceptar</label>
<select name="lista">
<option value="">Seleccionar</option>
<optgroup label="rechazar">
<option value="1">Motivo 1</option>
<option value="2">Motivo 2</option>
</optgroup>
<optgroup label="aceptar">
<option value="3">Motivo 1</option>
<option value="4">Motivo 2</option>
</optgroup>
</select>
</fieldset>
<br>
<input type="button" name="enviar" value="Enviar" class="btn">
<input type="reset" value="Resetear" class="btn">
</form>
Formulario-2
<h1>Formulario de Inscripción</h1>
<form method="get" action="/html/codes/html_form_handler.cfm">
<fieldset>
<legend>Datos Personales</legend>
<br/>
<label>Nombre
<input type="text" name="cliente" required>
</label>
<br/><br/>
<label>Teléfono
<input type="tel" name="numero_telf">
</label>
<br/><br/>
<label>Email
<input type="email" name="e_mail">
</label>
<br/><br/>
</fieldset>
<br/>
<fieldset>
<legend>Tipo de Alojamiento</legend>
<label> <input type="radio" name="aloja" required value="pension">Pensión</label><br/>
<label> <input type="radio" name="aloja" required value="hotel">Hotel</label><br/>
<label> <input type="radio" name="aloja" required value="casa">Casa</label><br/>
</fieldset>
<br/>
<fieldset>
<legend>Extras</legend>
<label> <input type="checkbox" name="extras" value="sauna">Sauna</label><br/>
<label> <input type="checkbox" name="extras" value="champan">Champán</label><br/>
<label> <input type="checkbox" name="extras" value="masaje">Masaje</label><br/>
</fieldset>
<br/>
<fieldset>
<legend>Fecha y Lugar de Recogida</legend><br/>
<label>Fecha de recogida
<input type="datetime-local" name="pickup_time" required>
</label>
<br/> <br/>
<label>Lugar de Recogida
<select id="pickup_place" name="pickup_place">
<option value="" selected="selected">Seleccionar:</option>
<option value="aeropuerto" >Aeropuerto</option>
<option value="estacion" >Estación Guaguas</option>
<option value="calle" >Calle El Maena</option>
</select>
</label>
<br/> <br/>
<label>Destino
<input type="text" name="destino" required list="destinations">
</label>
<datalist id="destinations">
<option value="Aeropuerto">
<option value="Playa">
<option value="Mi casa">
</datalist>
</fieldset>
<br/>
<fieldset>
<legend>Sugerencias</legend>
<label>
<textarea name="comments" maxlength="500"></textarea>
</label>
<br/>
</fieldset>
<br/>
<label>Password
<input type="password" name="user_pwd" required>
</label>
<button>Log In</button>
<br/><br/>
<br/>
<button name="enviar" value="enviar">ENVIAR</button>
<input type="reset" value="resetear" class="btn">
</form>
Formulario-3
<h1>Formulario de Solicitud</h1>
<form class="myForm" method="get" action="/html/codes/html_form_handler.cfm">
<label>Name
<input type="text" name="customer_name" required>
</label>
<label>Phone
<input type="tel" name="phone_number">
</label>
<label>Email
<input type="email" name="email_address">
</label>
<br><br>
<fieldset>
<legend>Which taxi do you require?</legend><br>
<label> <input type="radio" name="taxi" required value="car"> Car </label>
<label> <input type="radio" name="taxi" required value="van"> Van </label>
<label> <input type="radio" name="taxi" required value="tuktuk"> Tuk Tuk </label>
</fieldset>
<br>
<fieldset>
<legend>Extras</legend><br>
<label> <input type="checkbox" name="extras" value="baby"> Baby Seat </label>
<label> <input type="checkbox" name="extras" value="wheelchair"> Wheelchair Access </label>
<label> <input type="checkbox" name="extras" value="tip"> Stock Tip </label>
</fieldset>
<label>Pickup Date/Time
<input type="datetime-local" name="pickup_time" required>
</label>
<br><br>
<label>Pickup Place
<select id="pickup_place" name="pickup_place">
<option value="" selected="selected">Select One</option>
<option value="office" >Taxi Office</option>
<option value="town_hall" >Town Hall</option>
<option value="telepathy" >We'll Guess!</option>
</select>
</label>
<br><br>
<label>Dropoff Place
<input type="text" name="dropoff_place" required list="destinations">
</label>
<br><br>
<datalist id="destinations">
<option value="Airport">
<option value="Beach">
<option value="Fred Flinstone's House">
</datalist>
<label>Special Instructions:<br><br>
<textarea name="comments" maxlength="500"></textarea>
</label>
<p style="text-align: right;"><button>Submit Booking</button></p>
</form>