Heim > Web-Frontend > js-Tutorial > 表单(FORM)的一些实用效果代码_表单特效

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

WBOY
Freigeben: 2016-05-16 19:16:03
Original
1327 Leute haben es durchsucht

限定只能是写限定的东西的代码
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> 
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage