webdn
 
  首页     免费截图     VIP会员区     广告Banner     技术文档     网站模板  
网站截图,网站每日新 !
虚拟主机
网页模板

首页 >> WebDN 技术文档 >> Html教程 >> Page 7 >> 表单INPUT元素各种特效
 

表单INPUT元素各种特效

[摘 要]


本篇讲述表单INPUT元素各种特效的文章主题。

  1、取消按钮按下时的虚线框

  在input里添加属性值? hideFocus 或者 HideFocus=true?
?
   2、只读文本框内容?

??????在input里添加属性值? readonly?
?
   3、防止退后清空的TEXT文档(可把style内容做做为类引用)

  <INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>?
?
   4、ENTER键可以让光标移到下一个输入框

  <input onkeydown="if(event.keyCode==13)event.keyCode=9" >?
?
   5、只能为中文(有闪动)

  <input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">?
?
   6、只能为数字(有闪动)

  <input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData
('text').replace(/[^\d]/g,''))">?
?
   7、只能为数字(无闪动)

  <input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)
event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57))
event.returnValue=false">?
?
   8、只能输入英文和数字(有闪动)

  <input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text')
.replace(/[^\d]/g,''))">?
?
   9、屏蔽输入法

  <input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">?
?
   10、只能输入 数字,小数点,减号(-) 字符(无闪动)

  <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 &&
(event.keyCode<48 || event.keyCode>57)) event.returnValue=false">?
?
   11、只能输入两位小数,三位小数(有闪动)

  <input maxlength=9 onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')"
onKeyPress="if((event.keyCode<48 || event.keyCode>57) &&
event.keyCode!=46 && event.keyCode!=45 || value.match
(/^\d{3}$/) || /\.\d{3}$/.test(value))
{event.returnValue=false}" id=text_kfxe name=text_kfxe>



电话咨询:010-60520722 QQ咨询:3792656   |   583696287   |   66733350 关于WebDN  |  站点地图  |  联系我们  |  支付方式  |  友情链接
© 2004-2008 WebDN.com 版权所有. 沪ICP备05040479号