2022年表单相关特效整理经验技巧.docx

上传人：wj151****6093

文档编号：81156484

上传时间：2023-03-24

格式：DOCX

页数：8

大小：12.91KB

( 4.5 )

《2022年表单相关特效整理经验技巧.docx》由会员分享，可在线阅读，更多相关《2022年表单相关特效整理经验技巧.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年表单相关特效整理经验技巧只能是一些限定的东西运行代码框ENTER键可以让光标移到下一个输入框 <input onkeydown=if(event.keyCode=13)event.keyCode=9 > <br>只能是中文<input onkeyup=value=value.replace(/ -/g,) onkeydown=if(event.keyCode=13)event.keyCode=9> <br>屏蔽输入法<input style=ime-mode:disabled onkeydown=if(event.keyCode=

2、13)event.keyCode=9> <br>只能输入英文和数字<input onkeyup=value=value.replace(/W/g,) onbeforepaste=clipboardData.setData(text,clipboardData.getData(text).replace(/d/g,) onkeydown=if(event.keyCode=13)event.keyCode=9> <br>只能是数字<input onkeyup=value=value.replace(/d/g,) onbeforepaste=clipb

3、oardData.setData(text,clipboardData.getData(text).replace(/d/g,)><br>只能显示，不能修改<input readonly value=只能显示，不能修改> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行只能是数字，推断按键的值。运行代码框<script language=javascript>function onlyNum(){if(!(event.keyCode>=48event.keyCode<=57)|(event.keyCode>=96

4、event.keyCode<=105)|(event.keyCode=8)event.returnValue=false;}</script><input onkeydown=onlyNum();> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行附：获得键盘的KeyCode运行代码框<html><head><script language=javascript> ns4 = (document.layers) ? true : false; ie4 = (document.all) ? true : fa

5、lse;function keyDown(e){ if(ns4){ var nkey=e.which; var iekey=现在是ns阅读器; var realkey=String.fromCharCode(e.which);} if(ie4){ var iekey=event.keyCode; var nkey=现在是ie阅读器; var realkey=String.fromCharCode(event.keyCode); if(event.keyCode=32){realkey= 空格} if(event.keyCode=13)

6、{realkey= 回车} if(event.keyCode=27){realkey= Esc} if(event.keyCode=16){realkey= Shift} if(event.keyCode=17){realkey= Ctrl} if(event.keyCode=18){realkey= Alt}} alert(ns阅读器中键值:+nkey+n+ie阅读器中键值:+iekey+n+实际键为+realkey);}document.onkeydown = keyDo

7、wn;if(ns4){document.captureEvents(Event.KEYDOWN);}</script></head><body>/Javascript Document.<hr><center><h3>请按随意一个键。</h3></center></body></html> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行限制网页用键盘运行代码框<body onkeydown=alert(禁用);return false;

8、>限制键盘的某个键：body onkeydown=if(event.keyCode=num){alert(禁用);return false;} Ctrl+A 全部选择提示：你可先修改部分代码，再按运行再加个找按键的值运行代码框<script>function show(){ alert(ASCII代码是：+event.keyCode);}</script><body onkeydown=show()> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行只能是IP地址运行代码框<html>

9、<head><meta http-equiv=Content-Type content=text/html; charset=gb2312><meta name=GENERATOR content=Microsoft FrontPage 4.0><meta name=ProgId content=FrontPage.Editor.Document><style>.a3{width:30;border:0;text-align:center}</style><script>function m

10、ask(obj){obj.value=obj.value.replace(/d/g,)key1=event.keyCodeif (key1=37 | key1=39){ obj.blur();nextip=parseInt(obj.name.substr(2,1)nextip=key1=37?nextip-1:nextip+1;nextip=nextip>=5?1:nextipnextip=nextip<=0?4:nextipeval(ip+nextip+.focus()} if(obj.value.length>=3) if(parseInt(

11、obj.value)>=256 | parseInt(obj.value)<=0){alert(parseInt(obj.value)+IP地址错误！)obj.value=obj.focus()return false;}else { obj.blur();nextip=parseInt(obj.name.substr(2,1)+1nextip=nextip>=5?1:nextipnextip=nextip<=0?4:nextipeval(ip+nextip+.focus()}}function mask_c(obj)&

12、#123;clipboardData.setData(text,clipboardData.getData(text).replace(/d/g,)}</script><title>IP地址输入</title></head><body>IP地址输入<div style=border-width:1;border-color:balck;border-style:solid;width:165;font-size:9pt><input type=text name=ip1 maxlength=3 class=

13、a3 onkeyup=mask(this) onbeforepaste=mask_c()>.<input type=text name=ip2 maxlength=3 class=a3 onkeyup=mask(this) onbeforepaste=mask_c()>.<input type=text name=ip3 maxlength=3 class=a3 onkeyup=mask(this) onbeforepaste=mask_c()>.<input type=text name=ip4 maxlength=3 class=a3 onkeyup=m

14、ask(this) onbeforepaste=mask_c()></div></body></html> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行用#default#savehistory防止后退清空text文本框：运行代码框<HTML><HEAD><META NAME=save CONTENT=history><STYLE> .saveHistory {behavior:url(#default#savehistory);}</STYLE></

15、HEAD><BODY><INPUT class=saveHistory type=text id=oPersistInput><input type=button onclick=javascript:location.href= value=点击进入,再按后退键试试？></BODY></HTML> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行 TEXTAREA自适应文字行数的多少运行代码框<textarea rows=1 name=s1 cols=27 onpropertychange=this.style

16、.posHeight=this.scrollHeight> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行上传预览图片运行代码框<img id=pic src=/jishu/UploadPic/2022-6/202262025316361.gif><input type=file name=file><input type=button onclick=pic.src=file.value value=预览图片><input type=button onclick=alert(file.value) value=图片地址>&l

17、t;input type=button onclick=file.outerHTML=file.outerHTML.replace(/value=w/g,) value=清除file里字> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行去掉下拉选项的边框运行代码框<div style=position: absolute; left: 10px; top: 10px; width: 115px; height: 20px; clip:rect(2 114 20 2);> <select> <option >cnpeople</opt

18、ion> <option >cnrose</option> <option >cnbruce</option> </select> </font></div> Ctrl+A 全部选择提示：你可先修改部分代码，再按运行下拉列表打开窗口运行代码框<select onChange=if(this.selectedIndex this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;><option selected>更多链接</optio

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

9.9 金币

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 2022 年表单相特效整理经验技巧

淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

限制150内

关于本文

本文标题：2022年表单相关特效整理经验技巧.docx
链接地址：https://www.taowenge.com/p-81156484.html