Scribd
Cargar
89 vistas4 páginas

Guia de Formularios HTML

El documento presenta varios formularios con diferentes elementos como campos de texto, botones, casillas de verificación y menús desplegables. Los formularios incluyen campos para recopilar datos personales como nombre, edad y sexo, así como opciones para seleccionar estudios, localidad e idiomas. También contiene formularios para cargar archivos y añadir fotos, así como campos para establecer precios, impuestos y promociones.

Cargado por

Casius Clay
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
89 vistas4 páginas

Guia de Formularios HTML

El documento presenta varios formularios con diferentes elementos como campos de texto, botones, casillas de verificación y menús desplegables. Los formularios incluyen campos para recopilar datos personales como nombre, edad y sexo, así como opciones para seleccionar estudios, localidad e idiomas. También contiene formularios para cargar archivos y añadir fotos, así como campos para establecer precios, impuestos y promociones.

Cargado por

Casius Clay
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 4

<!

DOCTYPE html>
<html>
<head>
<title>Formulario</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
#perso{
font: Courier;
color: red;
background-color: black;
}
</style>
</head>
<body id="perso">
<form action="form0.php">
<p>En XHTML las etiquteas dben cumplir las reglas de XML</p>
<input type="text" value="Escribe tu nombre" /> <br />
<input type="button" value="Enviar" />
</form>
<hr/>
<form action="form1.php">
<label>Formulario con etiquetas legend, fieldset, submit y reset</la
bel>
<fieldset>
<legend>Datos de usuario</legend>
<label>Nombre:</label>
<input type="text" value=""/>
<label>Apellidos</label>:
<input type="text" value=""/>
<input type="submit" value="Enviar"/>
<input type="submit" value="Borrar"/>
</fieldset>
</form>
<hr/>
<form action ="form2.php">
<label>Formulario con etiquetas fieldset, legend, label , radio, che
ckbox..</label>
<fieldset>
<legend>Datos Personales</legend>
<label>Nombre:</label>
<input type="text" value="nombre"/>
<label>Edad:</label>
<input type="text" value="apellido"/>
<label>Sexo: Hombre</label>
<input type="radio" name="sexo" value="Hombre" />
<label>Mujer</label>
<input type="radio" name="sexo" value="Mujer" />
<br/>
<br />
<label>Estudios:</label>
<select name="estudios">
<option value="primaria">Primaria</option>
<option value="secundaria">Secundaria</option>
<option value="Bachillerato">Bachillerato</option>
<option value="grado medio">Modulo grado medio</option>
<option value="grado superior">Modulo grado superior</option
>

<option value="diplomatura">Diplomatura</option>
<option value="licenciatura">Licenciatura</option>
<option value="Doctorado">Doctorado</option>
</select>
<br/>
<label>Otros datos:</label>
<input type="checkbox" value="familia numerosa" />
<label>Familia numerosa</label>
<input type="checkbox" value="beca" />
<label>Beca</label>
<br />
<br />
<textarea name="text" rows="10" cols="30">Ponga aqu sus comentari
os</textarea>
<input type="submit" value="Enviar" />
</fieldset>
</form>
<hr />
<hr />
<form action ="form3.php">
<label>Formulario con etiquetas fieldset, legend, label , radio, chec
kbox..</label>
<fieldset>
<legend>Datos Personales</legend>
<label>Nombre:</label>
<input type="text" value="nombre"/>
<label>Edad:</label>
<input type="text" value="apellido"/>
<label>Sexo: Hombre</label>
<input type="radio" name="sexo" value="Hombre" />
<label>Mujer</label>
<input type="radio" name="sexo" value="Mujer" />
<br/>
<br />
<label>Localidad:</label>
<select name="estudios">
<optgroup label="Comarca de Pamplona">
<option value="Pamplona">Pamplona</option>
<option value="Burlada">Burlada</option>
<option value="Baraain">Baraain</option>
</optgroup>
<optgroup label="Aralar-Urbasa">
<option value="Lekumberri">Lekumberri</option>
<option value="Lizaso">Lizaso</option>
<option value="Etxalar">Etxalar</option>
</optgroup>
<optgroup label="Pirineo Atlntico">
<option value="Bera">Bera</option>
<option value="Elizondo">Elizondo</option>
<option value="Zugarramurdi">Zugarramurdi</option>
</optgroup>
<optgroup label="Pirineo Oriental">
<option value="Ochagava">Ochagava</option>
<option value="Roncal">Roncal</option>
<option value="Roncesvalles">Roncesvalles</option>
</optgroup>
<optgroup label="Zona media">
<option value="Mendigorra">Mendigorra</option>
<option value="Olite">Olite</option>

<option value="Pitillas">Pitillas</option>
</optgroup>
</select>
<br />
<br />
<label>Idiomas:</label>
<select multiple="multiple">
<option value="ingls">Ingls</option>
<option value="Frances">Francs</option>
<option value="Aleman">Alemn</option>
<option value="Italiano">Italiano</option>
<option value="Arabe">Arabe</option>
</select>
<br />
<br/>
<label>Otros datos:</label>
<input type="checkbox" value="familia numerosa" />
<label>Familia numerosa</label>
<input type="checkbox" value="beca" />
<label>Beca</label>
<br />
<br />
<textarea name="text" rows="5" cols="20">Ponga aqu sus comentario
s</textarea>
<input type="submit" value="Enviar" />
<input type="reset" value="Restaurar"/>
</fieldset>
</form>
<hr />
<form action="form4.php">
<label>Selecciona un fichero:</label>
<input type="search"/>
<input type="file" />
<br/>
<input type="image" src="ir.gif" alt="Enviar" width="45" height="33"
>
</form>
<hr/>
<form>
<fieldset>
<legend>Datos Bsicos</legend>
<label>Nombre:</label>
<br/>
<input type="text" />
<br/>
<br/>
<label>Descripcin:</label>
<br/>
<textarea rows="5" cols="30"></textarea>
<br/>
<label>Foto</label>
<input type="search"/>
<input type="file">
<br/>
<br/>
<input type="checkbox" >
<label>Aadir contador de visitas</label>
</fieldset>
</form>
<form>

<fieldset>
<legend>Datos Econmicos</legend>
<label>Precio</label>
<input type="text">
&nbsp; &nbsp; &nbsp; &nbsp;
<label></label>Impuestos
<select name="Impuestos">
<option>4%</option>
<option>7%</option>
<option>16%</option>
<option>25%</option>
</select>
<br/>
<br/>
<label>Promocin</label>
<br/>
<input type="radio" name="promocion" value="Ninguno" checked
="checked" />
<label></label> Ninguno
<br/>
<input type="radio" name="promocion" value="Transporte gratu
ito" />
<label>Transporte gratuito</label>
<br/>
<input type="radio" name="promocion" value="Descuento 5%" />
<label>Descuento 5%</label>
</fieldset>
</form>
</body>
</html>

También podría gustarte