<!DOCTYPE html> <html> <head> <title>Forms</title> </head> <body> <form action="#" method="post" enctype="multipart/form-data"> Input tex: <input type="text" id="text0" name="text0" size="20"><br><br> Textarea:<br> <textarea id="textarea" cols="100" rows="5"></textarea><br><br> Checkbox:<br> <input type="checkbox" name="check1">CESAR<br> <input type="checkbox" name="check2">César<br><br> Radio:<br> <input type="radio" name="rd1" value="Uno">Uno<br> <input type="radio" name="rd1" value="Dos">Dos<br> <input type="radio" name="rd1" value="Tres">Tres<br><br> Selección individual:<br> <select name="slc1"> <option value="uno">CESAR</option> <option value="dos">Cesar</option> <option value="tre">César</option> <option value="cua">CÉSAR</option> <option value="cin">cESAR</option> <option value="tre">CesaR</option> <option value="cua">CeSaR</option> <option value="cin">ceSaR</option> </select><br><br> Selección individual con size:<br> <select name="slc2" size="3"> <option value="uno">CESAR</option> <option value="dos">Cesar</option> <option value="tre">César</option> <option value="cua">CÉSAR</option> <option value="cin">cESAR</option> <option value="tre">CesaR</option> <option value="cua">CeSaR</option> <option value="cin">ceSaR</option> </select><br><br> Selección múltiple:<br> <select name="slcmult[]" size="5" multiple> <option value="uno">CESAR</option> <option value="dos">Cesar</option> <option value="tre">César</option> <option value="cua">CÉSAR</option> <option value="cin">cESAR</option> <option value="tre">CesaR</option> <option value="cua">CeSaR</option> <option value="cin">ceSaR</option> </select><br><br> Grupo de selección:<br> <select name="articulo"> <optgroup label="Frutas"> <option value="1">Naranjas</option> <option value="2">Manzanas</option> <option value="3">Sandia</option> <option value="4">Frutilla</option> <option value="5">Durazno</option> <option value="6">Ciruela</option> </optgroup> <optgroup label="Verduras"> <option value="7">Lechuga</option> <option value="8">Acelga</option> <option value="9">Zapallo</option> <option value="10">Papas</option> <option value="11">Batatas</option> <option value="13">Zanahorias</option> <option value="14">Rabanitos</option> <option value="15">Calabaza</option> </optgroup> </select><br><br> Button de type submit y reset:<br> <button type="submit">Enviar<img src="enviar.gif" alt="envio"></button> <button type="reset">Borrar<img src="borrar.gif" alt="borrado"></button><br><br> <input type="button" name="boton0" value=" 0 "><br><br> <input type="file" name="foto"><br> Hidden:<br> <input type="hidden" value="10:20" name="hora"><br> <fieldset> <legend>Datos personales</legend> Apellido y nombre: <input type="text" name="nombre" size="30" readonly value="César"><br><br> Fecha de nacimiento: <input type="text" name="fechanacimiento" size="12"><br><br> Fecha hoy: <input type="text" name="fechahoy" size="12" disabled><br><br> Dirección: <input type="text" name="direccionpersona" size="30"><br><br> </fieldset><br> <label for="god_name">Ingrese su nombre:</label> <input type="text" name="nombre" size="20" id="god_name"><br><br> <!-- Hemos definido la propiedad id a la marca input. El elemento label tiene su marca de comienzo y fin, entre medio se dispone el texto a mostrar. Para vincular esta label con el elemento input debemos inicializar la propiedad for con el nombre asignado a la propiedad id del elemento input. Más adelante veremos que la propiedad id la pueden tener todos los elementos HTML y es de vital importancia para CSS (Hojas de Estilo) y Javascript --> <h1>Esto es una prueba de un iframe</h1> <iframe src="https://www.tutorialspoint.com/tutorialslibrary.htm" width="400" height="200"> No tiene disponible el navegador la capacidad de iframe </iframe> <h2>Esto ya está fuera del iframe</h2><br><br> <input type="submit" value="Enviar"> </form> <br> <div style="background-color:#eeeeee"> <h3>César</h3> <p style="color:#888888;text-indent:20px"> Aquí <span style="background-color:#eeee00">comentarios.</span> Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. Aquí comentarios. </p> </div> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more
