You are on page 1of 2

<html>

<head>

<title>Ejemplo 17 para Ópera</title>

<style>

form { line-height:35px;}

input:required {outline: 1px solid red;}

</style>

</head>

<body>

<H1>EL MUNDO SIGUE SIENDO CRUEL</H1>

<H2>REPASANDO FORMULARIOS</H2>

<legend>Alta de usuario</legend>

<form id="formulario1" name="formRegistro" method="post" action:"javascript:alert('fr')">

Usuario: <INPUT TYPE="text" ID="entrada1" NAME="nombreUsuario" MAXLENGTH="8" required />

(Máximo 8 caracteres)<BR />

Número de hijos <INPUT TYPE="number" ID="entrada7" NAME="numhijos" value="0" /><BR />

Nivel de inglés 3 <INPUT title="Rango de 3 a 7" TYPE="range" ID="entrada8" NAME="nivelIngles" min=3


max=7 /> 7 <BR />

Página web o blog<INPUT TYPE="url" ID="entrada9" NAME="paginaWeb" /><BR />

Contraseña: <INPUT required TYPE="password" ID="entrada2" NAME="clave" required /><BR />

Correo electrónico <INPUT required TYPE="email" ID="entrada3" NAME="correo" required/><BR />

Color favorito <INPUT TYPE="tel" ID="entrada4" NAME="color" /><BR />

¿Buscas algo? <INPUT TYPE="search" ID="entrada5" NAME="busqueda" /><BR />

Fecha ingreso en el hospital <INPUT TYPE="date" ID="entrada5" NAME="fechaing" /><BR />

Hora de ingreso <INPUT TYPE="time" ID="entrada6" NAME="horaing" /><BR />

País: <SELECT id="seleccion1" name="pais" >

<option id=opcion0" value="">Elige un pais</option>

<option id="opcion1" value="AND">ANDORRA</option>

<option id="opcion2" value="ESP">ESPAÑA</option>


<option id="opcion3" value="POR">PORTUGAL</option>

</SELECT><BR /><BR />

<INPUT type="reset" id="boton1" name="Limpiar formulario" />

<INPUT type="submit" id="boton2" name="Enviar" />

</form>

<script type="text/javascript">

var fecha = new Date();

</script>

</body>

</html>

You might also like