中国网站美工网!网页设计者的天堂!
本站特色:HTML网页模版下载    
  您的位置:

首页 >> 设计学院 >> web语言开发 >> HTML/CSS >> 正文

相关信息

第六章 区块性质的CSS
第五章 文字性质的CSS 
第四章 颜色背景的CSS  
第三章 CSS的应用补充
第二章 CSS的应用方式
第一章 CSS的基本认识
CSS中常用的单位
CSS基本布局16例
表格对决CSS--一场生死之战
常用CSS缩写语法总结
[技巧]CSS的超级技巧大放送
XHTML基础问答
js基础到精通全面教程--JS教程
引入样式表(css)的四种方式
头部属性全接触
网页设计中Html使用的一些问题
采用DIV+CSS布局的好
[教程发布]div+css布局入门
将样式表加入到HTML中--详细解说

表单相关特效整理

表单相关特效整理


来源: 不详 | 时间: 2006-1-8 21:46:31 | 人气:

 

表单相关特效整理

只能是一些限定的东西运行代码框
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==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="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br> 只能显示,不能修改<input readonly value="只能显示,不能修改">
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行] 只能是数字,判断按键的值。运行代码框
<script language=javascript> function onlyNum() { if(!((event.keyCode>=48&&event.keyCode<=57)
(event.keyCode>=96&&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 : false; 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){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 = keyDown; 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;"> 限制键盘的某个键: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> <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 mask(obj){ obj.value=obj.value.replace(/[^\d]/g,'') key1=event.keyCode if (key1==37

本新闻共4页,当前在第1页  1  2  3  4  

 
  上一篇:头部属性全接触  下一篇:引入样式表(css)的四种方式
Copyright © 2005 - 2006 WEB600.Net,All Rights Reserved
业务联系 QQ 站长:106324307 美工:270348300 程序:63888546
E-mail: 3235183@163.com MSN: fuqiyangru@hotmail.com
中国网站美工网--网页设计者的天堂! 陕ICP备06005517号
本站资源来自互联网 如果侵犯您的权利 请通知我们 我们会尽快删除