Sie sind auf Seite 1von 4

<!

DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<FORM>
<fieldset>
<legend>Alta en el servicio</legend>
<label for="nombre">Nombre</label>
<input type="text" id="nombre" />
<label for="apellidos">Apellidos</label><BR>
<input type="text" id="apellidos" size="50" />
<label for="dni">DNI</label><BR>
<input type="text" id="dni" size="10" maxlength="9" />
<label for="contrasena">Contrasea</label>
<input type="password" id="contrasena" /><BR>
<input class="btn" type="submit" value=" Darme de alta " />
</fieldset>
</FORM>
</BODY>
</HTML>
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
label {
display: block;
margin: .5em 0 0 0;
}
.btn {
display: block;
margin: 1em 0;
}
</STYLE>
</HEAD>
<BODY>
<FORM>
<fieldset>
<legend>Alta en el serviio</legend>
<label for="nombre">Nombre</label>
<input type="text" id="nombre" />
<label for="apellidos">Apellidos</label>
<input type="text" id="apellidos" size="50" />
<label for="dni">DNI</label>
<input type="text" id="dni" size="10" maxlength="9" />
<label for="contrasena">Contrasea</label>
<input type="password" id="contrasena" />
<input class="btn" type="submit" value="Darme de alta" />
</fieldset>
</FORM>
</BODY>
</HTML>
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
label {
display: block;
margin: .1em 0 0 0;
}
.btn {
display: block;
margin: 1em 0;
}
div {
margin: .4em 0;
}
div label {
width: 25%;
float: left;
}
</STYLE>
</HEAD>
<BODY>
<FORM>
<fieldset>
<legend>Alta en el servicio</legend>
<div>
<label for="nombre">Nombre</label>
<input type="text" id="nombre" />
</div>
<div>
<label for="apellidos">Apellidos</label>
<input type="text" id="apellidos" size="35" />
</div>
<div>
<label for="dni">DNI</label>
<input type="text" id="dni" size="10" maxlength="9" />
</div>
<div>
<label for="contrasena">Contrasea</label>
<input type="password" id="contrasena" />
</div>
<input class="btn" type="submit" value=" Darme de alta " />
</fieldset>
</FORM>
</BODY>
</HTML>

Das könnte Ihnen auch gefallen