You are on page 1of 2

<html>

<head>
<style>
fieldset {
border:6px groove #ccc;
background:#E2A9F3;
color:#000;
}
legend {
text-align:justify;
font-weight:arial;
color:#000000;
}

</style>
<body>

<form action="" method="">

<pre><strong>
<fieldset>
<legend>Registrar nuevo jugador</legend>

Name : <input type="text" name="name" id="name">

Estado civil :
<input type="radio" id="Soltero" name="gender" value="Soltero"><label
for="Soltero">Soltero</label>
<input type="radio" id="viudo" name="gender" value="viudo"><label
for="viudo">viudo</label>

<input type="radio" id="casado" name="gender" value="casado"><label


for="casado">casado</label>
<input type="radio" id="divorciado" name="gender" value="divorciado"><label
for="divorciado">divorciado</label>

Tiene mascota :
<input type="checkbox" id="perro" name="gender" value="perro"><label
for="perro">perro</label>
<input type="checkbox" id="gato" name="gender" value="gato"><label
for="gato">gato</label>
<input type="checkbox" id="hamster" name="gender" value="hamster"><label
for="hamster">hamster</label>
<input type="checkbox" id="otro" name="gender" value="otro"><label
for="otro">otro</label>

Contrase�a : <input type="password" id="pwd" name="pwd">

Elige un color:
<select name="color">
<optgroup label="colores normales"></optgroup>
<option>rojo</option>
<option>amarillo</option>
<optgroup label="colores neones"></optgroup>
<option>verde</option>
<option>rosa</option>
</select>
Que deporte te gusta:
<select multiple name="drawfs" id="drawfs">
<option>ATLETISMO</option>
<option>CICLISMO</option>
<option>GOLF</option>
<option>TENIS</option>
<option>MARATON</option>
<option>SQUASH</option>
<option>VOLEY</option>
</select>

Describe tu personalidad :<br>


<textarea name="textarea" rows="10"
cols="50">Escribe aqui...</textarea>

Fecha de nacimiento : <input type="date" id="birthday" name="birthday">

Correo : <input type="email" id="email" name="email">

Color favorito : <input type="color" id="favcolor" name="favcolor" >

Adjunte su foto : <input type="file" id="myfile" name="myfile">

<input type="hidden" value="xm234jq" id="oculto" name="oculto">

<input type="submit" value="Guardar informacion">

</fieldset>

</body>
</head>
</html>

You might also like