&#106avascript网页制作中表单相关特效整理

网页

只能是一些限定的东西

ENTER键可以让光标移到下一个输入框
<input >

只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" >

屏蔽输入法<input style="ime-mode:disabled" >

只能输入英文和数字<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" >

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

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

只能是数字,判断按键的值。
<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 >

附:获取键盘的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>

限制网页用键盘

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

[1] [2] 下一页  

时间: 2024-10-30 05:16:27

&#106avascript网页制作中表单相关特效整理的相关文章

网页制作中表单相关特效整理

特效|网页 只能是一些限定的东西 ENTER键可以让光标移到下一个输入框 <input > <br> 只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" > <br> 屏蔽输入法<input style="ime-mode:disabled" > <br> 只能输入英文和数字<input onkeyup="value=va

javascript网页制作中表单相关特效整理

javascript|特效|网页 只能是一些限定的东西 ENTER键可以让光标移到下一个输入框 <input > 只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" > 屏蔽输入法<input style="ime-mode:disabled" > 只能输入英文和数字<input onkeyup="value=value.replace(/[\W]/g,''

网页设计中表单应用技巧大放送

技巧|设计|网页|网页设计 我们在制作网页时或修改网页时,不管是动态网页还是静态网页都要用到表单这个元素,那么我们就有必要熟悉和了解表单的一些基础知识和一些常用的技巧!今天给大家收集一下本站内相关表单的文章以方便大家查阅表单的一些知识!这里基本上都全了!希望大家喜欢并且对大家有用! 熟悉常用表单格式的五点技巧 在线用表单建立文件夹 个性化表单五技巧 javascript表单之间的数据传递 判断表单中添加是否数字的JS与VBS代码 常用的表单提交判断函数 高级表单验证-针对多次提交表单 玩转表单之

CSS3代码实例:CSS3制作网页登陆表单

文章简介:这个表单效果是很普通,但其制作采用的方法却很有创新,其中用到老技术的是@font-face制作icon.box-shadow制作阴影等,最亮点是使用了calc()函数来计算定位的值. 这个表单效果是很普通,但其制作采用的方法却很有创新,其中用到老技术的是@font-face制作icon.box-shadow制作阴影等,最亮点是使用了calc()函数来计算定位的值.这可是一种新玩法,虽然前面有介绍过这个属性的使用方法,后期的制作中却很少使用他,这个案例让我再次领略了calc()函数的功能

网页制作基础: 表单按钮的使用

按钮|网页 对于一个交互式表单,按钮是必不可少的.按钮一般分为两类,一类本身就具有特定的功能,叫做特殊按钮,如Submit(提交按钮)--用于传输用户所填写的信息至服务器.Reset(复原按钮)--清除所填写的信息以利重新填写:另一类本身不具特殊功能的,叫作普通按钮.特殊按钮只能用于表单才能发挥特殊的功能.而普通按钮除可在表单中应用外,在网页的其它地方使用也很方便. 一.制作常规按钮 制作按钮非常简单,在<input>标记中把type参数设置为:type="submit"就

网页制作中关于网页表单提交的制作

表单提交|网页 表单的提交 既然表单是用来采集用户输入的数据,那么,就应该保证用户的数据被准确地提交到预定的地点,也就是说,我们在表单提交的时候,应该对用户的数据进行检验,一来可以避免用户误输数据,二来可以避免用户输入非法的,或者说不合格的数据:检验合格以后,还要保证用户的数据提交到特定的程序. 1.数据的检验 数据的检验,通常有两种程序:客户端检验和服务器端检验.客户端检验,比较快,服务器端检验,相对来说比较慢,为了确保安全,通常同时采用,这样就可以避免用户刻意破坏. 不管采用什么方式,数据检

&amp;#106avascript+PHP 应用一:网页制作中双下拉菜单的动态实现(转贴)

菜单|动态|网页|下拉 JavaScript+PHP 应用一:网页制作中双下拉菜单的动态实现 ---摘自互联网 在网页制作中,常常遇到这种情况,通过主下拉菜单的选择,动态的生成子下拉菜单.例如:在主菜单中有"焦点新闻"."生活时尚"."心情故事"三个选项,通过"焦点新闻"的选择,子菜单自动生成如"国内"."国际"."体育"."文娱",依此类推. 利

JS教程:如何制作表单自动聚焦的网页

导读:表单聚焦看似一个很小的功能,但也能提高网站的用户体验,当然用JS实现十分简单,本文主要从最基本开始分析如何制作表单自动聚焦的页面. 在登陆界面中,通常,最重要的部分为登陆的Form表.一个非常棒的提升体验的做法是,在载入页面时自动聚焦到第一个提供用户输入的表单框,让用户不用再多一个点击,就可以输入.这被很多网站采用.比如维基百科就是这样: 当然,自动聚焦不仅仅适合在登陆界面,而适合在任何需要的界面.比如WordPress登陆后台的界面和支付宝的登陆界面,都采用了自动聚焦的方法. 而具体应该

网页用户体验:网页注册表单设计分析

网页制作Webjx文章简介:网站WEB表单的设计本质. 随着网络的发展,人们通过各种方式使用它.今天,网络购物,跟朋友或者不认识的人聊天,管理银行账户,以及一些日常应用,共享照片或视频,等等.事实上,只要能在线使用的应用基本上都已经有了. 虽然这些多样化的应用丰富了互联网,但这些任务的完成还需要一些步骤.不管是在线交易验证.评论新文章,还是管理某个应用,WEB表单总会出现在人们的视线中. 为什么是WEB表单? 在网页上,WEB表单把用户.信息.WEB产品或者服务连接了起来.它们能促进销售.捕捉用