知识大全网页制作中表单相关特效整理

Posted 2022-07-20 地址

篇首语：立志宜思真品格，读书须尽苦功夫。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全网页制作中表单相关特效整理相关的知识，希望对你有一定的参考价值。

　　只能是一些限定的东西

　　ENTER键可以让光标移到下一个输入框 <input onkeydown= if(event keyCode== )event keyCode= > <br>

　　只能是中文<input onkeyup= value=value replace(/[ ~]/g ) onkeydown= if(event keyCode== )event keyCode= > <br>

　　屏蔽输入法<input onkeydown= if(event keyCode== )event keyCode= > <br>

　　只能输入英文和数字<input onkeyup= value=value replace(/[\\W]/g ) onbeforepaste= clipboardData setData( text clipboardData getData( text ) replace(/[^\\d]/g )) onkeydown= if(event keyCode== )event keyCode= > <br>

　　只能是数字<input onkeyup= value=value replace(/[^\\d]/g ) onbeforepaste= clipboardData setData( text clipboardData getData( text ) replace(/[^\\d]/g )) ><br>

　　只能显示不能修改<input readonly value= 只能显示不能修改 >

　　只能是数字判断按键的值 <script language=javascript>function onlyNum()if(!((event keyCode>= &&event keyCode<= )||(event keyCode>= &&event keyCode<= )||(event keyCode== )))event returnValue=false;</script><input onkeydown= onlyNum(); >

　　附获取键盘的KeyCode

　　<><head><script language= javascript > ns = (document layers) ? true : false; ie = (document all) ? true : false;function keyDown(e) if(ns ) var nkey=e which; var iekey= 现在是ns浏览器 ; var realkey=String fromCharCode(e which); if(ie ) var iekey=event keyCode; var nkey= 现在是ie浏览器 ; var realkey=String fromCharCode(event keyCode); if(event keyCode== )realkey= \\ 空格\\ if(event keyCode== )realkey= \\ 回车\\ if(event keyCode== )realkey= \\ Esc\\ if(event keyCode== )realkey= \\ Shift\\ if(event keyCode== )realkey= \\ Ctrl\\ if(event keyCode== )realkey= \\ Alt\\ alert( ns浏览器中键值: +nkey+ \\n + ie浏览器中键值: +iekey+ \\n + 实际键为 +realkey);document onkeydown = keyDown;if(ns )document captureEvents(Event KEYDOWN);</script></head><body>//Javascript Document <hr><center><h >请按任意一个键 </h ></center></body></>

　　限制网页用键盘

　　<body onkeydown= alert( 禁用 );return false; >限制键盘的某个键 body onkeydown= if(event keyCode==num)alert( 禁用 );return false;

　　再加个找按键的值

　　<script>function show() alert( ASCII代码是 +event keyCode);</script><body onkeydown= show() >

　　只能是IP地址

　　<head><meta equiv= Content Type content= text/; charset=gb ><meta name= GENERATOR content= Microsoft FrontPage ><meta name= ProgId content= FrontPage Editor Document ><style> a width: ;border: ;text align:center</style><script>function mask(obj)obj value=obj value replace(/[^\\d]/g )key =event keyCodeif (key == || key == ) obj blur();nextip=parseInt(obj name substr( ))nextip=key == ?nextip :nextip+ ;nextip=nextip>= ? :nextipnextip=nextip<= ? :nextipeval( ip +nextip+ focus() ) if(obj value length>= ) if(parseInt(obj value)>= || parseInt(obj value)<= )alert(parseInt(obj value)+ IP地址错误！ )obj value= obj focus()return false;else obj blur();nextip=parseInt(obj name substr( ))+ nextip=nextip>= ? :nextipnextip=nextip<= ? :nextipeval( ip +nextip+ focus() )function mask_c(obj)clipboardData setData( text clipboardData getData( text ) replace(/[^\\d]/g ))

　　</script><title>IP地址输入</title>

　　</head><body>IP地址输入<div ><input type=text name=ip maxlength= class=a onkeyup= mask(this) onbeforepaste=mask_c()> <input type=text name=ip maxlength= class=a onkeyup= mask(this) onbeforepaste=mask_c()> <input type=text name=ip maxlength= class=a onkeyup= mask(this) onbeforepaste=mask_c()> <input type=text name=ip maxlength= class=a onkeyup= mask(this) onbeforepaste=mask_c()></div></body>

　　</>

　　用#default#savehistory防止后退清空text文本框

　　<HTML><HEAD><META NAME= save CONTENT= history ><STYLE> saveHistory behavior:url(#default#savehistory);</STYLE></HEAD><BODY><INPUT class=saveHistory type=text id=oPersistInput><input type=button onclick= javascript:location 点击进入再按后退键试试？ ></BODY></HTML>

　　TEXTAREA自适应文字行数的多少

　　上传预览图片

cha138/Article/program/Java/JSP/201311/19195

知识大全 网页制作中表单相关特效整理

知识大全网页制作中表单相关特效整理