Mascaras en Los Inputs

MASCARAS EN LOS
INPUTS DE HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
<script src="jquery.maskedinput.min.js" type="text/javascript"></script>
<style>
div span
{
display:inline-block;
width:250px;
}
h2 {
font-size:1em;
}
input {
padding:5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
}
input:focus {
outline:0px;
}
.ok {
border-color:blue;
}
</style>
<script type="text/javascript">
jQuery(function($){
$("#numero1").mask("9,99", {
// Generamos un evento en el momento que se rellena
completed:function(){
$("#numero1").addClass("ok")
}
});
// Definimos las mascaras para cada input
$("#date").mask("99/99/9999");
$("#movil").mask("999 99 99 99");
$("#letras").mask("aaa");
$("#comodines").mask("?");
});
</script>
</head>
<body>
<h1>Mascaras en los inputs</h1>
<h2>Aqui se muestra como utilizar el plugin de jquery maskedinput para poner
mascaras ennuestros inputs.</h2>
<div><span>numero con dos decimales</span><input type="text" id="numero1">
9,99(generamos un evento al rellenarlo)</div>
<div><span>fecha</span><inputtype="text"id="date">99/99/9999</div>
<div><span>movil</span><input type="text" id="movil"> 999 99 99 99</div>
<div><span>Solotresletras</span><inputtype="text"id="letras">aaa</div>
<p><a href="http://digitalbush.com/projects/masked-input-
plugin">http://digitalbush.com/projects/masked-input-plugin</a></p>
MASCARAS
HTML
<p><a
href="http://www.lawebdelprogramador.com">http://www.lawebdelprogramador.c
om</a></p>
</body>
</html>

Mascaras en Los Inputs

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Mascaras en Los Inputs

Загружено:

Авторское право:

Доступные форматы

MASCARAS EN LOS

Вам также может понравиться