selecciones

<html>
<head>
<title>
                web 1 lunes 23 de octubre de 2017
</title>
</head>
<body>
   <center>
   <font size=5 >
   <br><br>
   <form action="/action_page.php"

   <br>
   <input type="button" onclick="alert('este es un mensaje!!')" value="click para mensaje" style="width:500px; height:70px; text-align:center"/>
   <br><br>

         <input list="browsers" name="browsers" style="background-color:black";>
         <datalist id="browsers"  >
         <option value="Internet Explorer" onclick="alert('Internet Explorer selected')"/> Internet Explorer </option>
         <option value="Firefox" onclick="alert('Firefox selected')"/> Firefox   </option>
         <option value="Chrome" onclick="alert('Chrome selected')"/> Chrome   </option>
         <option value="Zafari" onclick="alert('Zafari selected')"/> Zafari   </option>
         <br><br>
         </form>
</datalist>


         <form action="/action_page.php" oninput="x.value=parseInt(a.value)+parseInt(b.value)">

         <input type="range" id="a" name="a" value="50"> +
         <input type="number" id="b" name="b" value="50"> =
         <output name="x" for="ab"></output>
         <br><br>

         fecha <br>
         <input type="date" value="" max="2017-11-30" min="2017-10-01" type = "month">
         <br><br>

         mes:
        <input type="month">
         <br><br>


         selecciona el color
         <br><br>
         <input type="color" name="favcolor">
                 <br><br>

        Numero (min=1 m&aacute;x=5:)
                 <input type="number"  max="5" min="0"/>
                <br><br>
        rango:
        <input type="range" list="RangoDeElementos">
         <datalist id="RangoDeElementos"  >
         <option value="0"  label ="0%"/>
         <option value="10" label ="10%"/>
         <option value="20" label ="20%"/>
         <option value="30" label ="30%"/>
         <option value="40" label ="40%"/>
         <option value="50" label ="50%"/>
         <option value="60" label ="60%"/>
         <option value="70" label ="70%"/>
         <option value="80" label ="80%"/>
         <option value="90" label ="90%"/>
         <option value="100" label ="100%"/>
            </datalist>
            <br><br>
         <input type="submit">


         </form>


</font>
</center>
</body>


</html>