Maison > interface Web > js tutoriel > 表单(FORM)的一些实用效果代码_表单特效

表单(FORM)的一些实用效果代码_表单特效

WBOY
Libérer: 2016-05-16 19:16:03
original
1318 Les gens l'ont consulté

限定只能是写限定的东西的代码
ENTER键可以让光标移到下一个输入框 :  

只能是中文: 

只能是英文和数字.屏蔽了输入法: 

只能输入英文和数字: 

只能是数字

只能显示,不能修改的文本框
input中只能输入数字在提交时提示
<script> <BR>function onlyNum() <BR>{ <BR>if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8))) <BR>event.returnValue=false; <BR>} <BR></script>
  
下拉列表打开窗口选择连接时弹出一个新窗口
 
一个复选框,点击之后一组复选框全部都选上
a






 
select里的option进行分类列表
 
提示限制输入的字符数
<script> <BR><!-- <BR>function SymError() <BR>{ <BR> return true; <BR>} <BR>window.onerror = SymError; <BR>function strlength(str){ <BR> var l=str.length; <BR> var n=l <BR> for (var i=0;i<l;i++) <BR> { <BR> if (str.charCodeAt(i)<0||str.charCodeAt(i)>255) n++ <BR> } <BR> return n <BR>} <BR>function changebyte(value,length){ <BR> var l=strlength(value) <BR> if (l<=length) { <BR> if (document.all!=null) document.all("byte").innerText="还可以输入"+(length-l)+"字节" <BR> } <BR> else <BR> { <BR> document.all("byte").innerText="输入字节数超出范围" <BR> } <BR> return true <BR>} <BR>function changebyte1(value,length){ <BR> var l=strlength(value) <BR> if (l<=length) { <BR> if (document.all!=null) document.all("byte1").innerText="还可以输入"+(length-l)+"字节" <BR> } <BR> else <BR> { <BR> document.all("byte1").innerText="输入字节数超出范围" <BR> } <BR> return true <BR>} <BR>function changebyte2(value,length){ <BR> var l=strlength(value) <BR> if (l<=length) { <BR> if (document.all!=null) document.all("byte2").innerText="还可以输入"+(length-l)+"字节" <BR> } <BR> else <BR> { <BR> document.all("byte2").innerText="输入字节数超出范围" <BR> } <BR> return true <BR>} <BR></script>



<script>changebyte1(document.test.icqcontent.value,198);</script>
 
判断填写字数的限制
<script> <BR>function gbcount(message,total,used,remain) <BR>{ <BR> var max; <BR> max = total.value; <BR> if(message.value.length > max){ <BR> message.value = message.value.substring(0,max); <BR> used.value = max; <BR> remain.value = 0; <BR> alert('留言不能超过规定的字数!'); <BR> } <BR> else{ <BR> used.value = message.value.length; <BR> remain.value = max - used.value; <BR> } <BR>} <BR></script>


最多字数:
已用字数:
剩余字数:
 
注册阅读时间等待按钮

欢迎注册烟灰BLOG:
条款若干........
 (15)" name="agreeb">

<script> <BR><!-- <BR>var secs = 15; <BR>document.agree.agreeb.disabled=true; <BR>for(i=1;i<=secs;i++) { <BR> window.setTimeout("update(" + i + ")", i * 1000); <BR>} <BR>function update(num) { <BR> if(num == secs) { <BR> document.agree.agreeb.value =" 我 同 意 "; <BR> document.agree.agreeb.disabled=false; <BR> } <BR>else { <BR> printnr = secs-num; <BR> document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +")"; <BR> } <BR>} <BR>//--> <BR></script> 
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal