Iniciar sesión
Crear cuenta
Crear cuentaCrear cuenta
<!DOCTYPE html>
<html lang="es">
<head>
<title>Formulaios</title>
<script>
function iniciar(){
edad=document.getElementById("miedad");
edad.addEventListener("change",cambiarrango,false);
document.informacion.addEventListener("invalid",validacion,true);
document.getElementById("enviar").addEventListener("click",enviar,false);
}document.addEventListener('DOMContentLoaded', iniciar);
function cambiarrango(){
var salida=document.getElementById("rango");
var calc=edad.value-20;
if (calc<20){
calc=0;edad.value=20;
}salida.innerHTML=calc+' a ' +edad.value;
}function validacion(e){
var elemento=e.target;
elemento.style.background='#FFDDDD';
}function enviar(){
var valido=document.informacion.checkValidity();
if (valido){
document.informacion.submit();
} }</script>
</head>
<body>
<section>
<form name="informacion" method="get">
Usuario:<input pattern="[A-Za-z]{3,}" name="usuario" id="usuario" maxlength="10" required>
Email:<input type="email" name="miemail" id="miemail" required>
Rando Edad:<input type="range" name="miedad" id="miedad" min="0" max="80" step="20" required>
<output id="rango"> 0 a 20</output>
<input type="button" id="Enviar" value="ingresar">
</form>
</section>
</body>
</html>
(lo usamos en Venezuela para delimitar asombro) mi pana gracias, no me fije, debo ser mas cuidadoso con el código, muchas gracias. Por cierto existe un IDE de desarrollo que me especifique este tipo de detalles?