关闭

不常见的input属性(转载)

标签: input输入法测试url
1013人阅读 评论(0) 收藏 举报
大家在做会员注册程序时候,见过文本输入框,密码输入框,都已经了解对input属性的定义,其实input还有其他形形色色的属性,欢迎大家测试!

  1.ENTER键可以让光标移到下一个输入框

<input ōnkeydown="if(event.keyCode==13)event.keyCode=9" >

2.只能为数字(有闪动)   

<input ōnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

3.只能为数字(无闪动)

<input style="ime-mode:disabled" ōnkeydown="if(event.keyCode==13)event.keyCode=9" ōnKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

 

4.屏蔽输入法   

<input type="text" name="url" style="ime-mode:disabled" ōnkeydown="if(event.keyCode==13)event.keyCode=9">

5.只能输入两位小数,三位小数(有闪动)   

<input maxlength=9 ōnkeyup="if(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(//./d*/./g,'.')" ōnKeyPress="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>

6.取消按钮按下时的虚线框   

在input里添加属性值  hideFocus 或者 hideFocus=true

7.只读文本框内容        

在input里添加属性值  readonly

 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:36098次
    • 积分:493
    • 等级:
    • 排名:千里之外
    • 原创:11篇
    • 转载:14篇
    • 译文:0篇
    • 评论:3条
    最新评论