Abril 22, 2015 (Clase)

------>Tipos de <input type>

• Mouse move ----- movimiento del mouse
• onclic--------------- clic
• ondblclic ---------- doble clic
• ofocus ------------- ubicar sobre la caja de texto (tiempo que se demora allí)
• onblur ------------- se pierde el tiempo
• onkeypress ------ ver lo que digita
• onkeydown ------ oprime
• onkeyup ---------- suelta
• password -------- contraseña (no la deja copiar ni pegar)

Ejemplos:

• 
  

<script>
if(confirm("¿Quiere salir de la  salir de la pagina?")){
}
 else {
}
</script>

• 
  

<script>
var a = new Date();
document.write(a.getDate() + "/" + (a.getMonth() +1) + "/" + a.getFullYear());
</script>

• 
  

<script>
var b = new Date();
document.write(a.getDate() + "/" + (b.getMonth() +1) + "/" + b.getFullYear() + "," + b.getHours() + ":" + b.getMinutes() + ":" + b.getSeconds());
</script>

• 
  

<script>
var c = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var d=new Date();
document.write(d.getDate() + " de " + c[d.getMonth()] + " de " + d.getFullYear());
</script>

• 
  

<script>
var e = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var f = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
var g =new Date();
document.write(f[g.getDay()] + " " + g.getDate() + " de " + e[g.getMonth()] + " de " + g.getFullYear());
</script>

• 
  

<select name="OS">
   <option value="1">Windows Vista</option>
   <option value="2">Windows 7</option>
   <option value="3">Windows XP</option>
   <option value="10">Fedora</option>
   <option value="11">Debian</option>
   <option value="12">Suse</option>
</select>

• 
  

<select name="OS" >
   <option selected value="0"> Elige una opción </option>
       <optgroup label="Microsoft">
       <option value="1">Windows Vista</option>
       <option value="2">Windows 7</option>
       <option value="3">Windows XP</option>
   </optgroup>
   <optgroup label="Linux">
       <option value="10">Fedora</option>
       <option value="11">Debian</option>
       <option value="12">Suse</option>
   </optgroup>
</select>

• 
  

<select name="OS" size=9>
   <option selected value="0"> Elige una opción </option>
       <optgroup label="Microsoft">
       <option value="1">Windows Vista</option>
       <option value="2">Windows 7</option>
       <option value="3">Windows XP</option>
   </optgroup>
   <optgroup label="Linux">
       <option value="10">Fedora</option>
       <option value="11">Debian</option>
       <option value="12">Suse</option>
   </optgroup>
</select>


Tomado de:

http://azteca.programandowebs.com/javascript/funcion-confirm-en-javascript/626/

http://minitutoriales.blogspot.com/2013/10/como-mostrar-la-fecha-actual-con.html

http://michelletorres.mx/listas-desplegables-en-los-formularios-html/#.VUBM3yF_Okq