Html:表单特殊输入处理收集

2009-12-16 02:20| 发布者: admin| 查看: 26| 评论: 0|原作者: 青鸾峰

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

　　只能是中文

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

　　只能输入英文和数字

　　只能是数字

　　只能显示，不能修改的文本框

　　只能是数字,判断按键代码如下:

　　附：获取键盘的KeyCode

//Javascript Document.

请按任意一个键。。。。

　　限制网页用键盘

　　限制键盘的某个键：
}

　　只能是IP地址

IP地址输入

IP地址输入

.
.
.

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

　　TEXTAREA自适应文字行数的多少

上传预览图片 <img id=pic src="http://www.xiugoo.com/tp://www.ninedns.com/images/logo.gif> <input type=file name=file><input type=button onclick=pic.src=file.value value=预览图片> <input type=button onclick=alert(file.value) value=图片地址> <input type=button onclick="file.outerHTML=file.outerHTML.replace(/value=\w/g,'')" value="清除file里字"> 　　去掉下拉选项的边框 <div style="position: absolute; left: 10px; top: 10px; width: 115px; height: 20px; clip:rect(2 114 20 2);"> <select> <option >cnpeople</option> <option >cnrose</option> <option >cnbruce</option> </select> </div> 　　下拉列表打开窗口 <select onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;"> <option selected>更多链接……</option> <option value="http://www.cnbruce.com">cnbruce</option> <option value="http://daonet.myrice.com/old/">daonet</option> <option value="http://www.blueidea.com">blue!dea </select> 　　TAB的显示 <script> function editTab() { var code, sel, tmp, r var tabs="" event.returnValue = false sel =event.srcElement.document.selection.createRange() r = event.srcElement.createTextRange() switch (event.keyCode) { case (8) : if (!(sel.getClientRects().length > 1)) { event.returnValue = true return } code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint("startToStart", tmp) sel.text = sel.text.replace(/^\t/gm, "") code = code.replace(/^\t/gm, "").replace(/\r\n/g, "\r") r.findText(code) r.select() break case (9) : if (sel.getClientRects().length > 1) { code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint("startToStart", tmp) sel.text = "\t"+sel.text.replace(/\r\n/g, "\r\t") code = code.replace(/\r\n/g, "\r\t") r.findText(code) r.select() } else { sel.text = "\t" sel.select() } break case (13) : tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) tmp.setEndPoint("endToEnd", sel) for (var i=0; tmp.text.match(/^[\t]+/g) && i<tmp.text.match(/^[\t]+/g)[0].length; i++) tabs += "\t" sel.text = "\r\n"+tabs sel.select() break default : event.returnValue = true break } } </script> <textarea cols=75 rows=20 onkeydown="editTab()"> <script> alert("ok") </script>

　　文本框的上/下拉

向下
向上
　　一个复选框，点击之后一组复选框全部都选上
a

　　Debug Textarea：在线写 js 脚本的时候，用来即时查错的东西！

Debug Textarea

Debug Textarea

　　获取input的非value值，而是显示文本值

　　select里的option进行分类列表

　　动态添加

　　提示限制输入的字符数

　　判断填写字数的限制

收藏分享邀请

		自动登录	找回密码
密码			注册

Html:表单特殊输入处理收集

请按任意一个键。。。。

最新评论

相关分类