html 文本输入框效果详解编程语言

1、选中后方可编辑：

input type= checkbox name= tp1 value= 1 #8221;if(this.checked) {txtNo.disabled=false}else{txtNo.disabled=true} 我会好好学习

你的姓名： input type= text name= txtNo size= 20 value= 选中前面的选项方可编辑 disabled

2、点击链接后方可编辑：

a href= # #8221;b.readOnly=false;alert( 你好，欢迎你！ ) 先点击我哦！ /a

你的姓名： input id= b value= 请输入 size= 30 readOnly

3、输入框从中间输入：

从中间输入： input type= text name= text2 >

4、输入框变色：

输入框变色： input type= text size= 20 >

color:#FFFFFF onfocus= style.backgroundColor= #FFFF00 onblur= style.backgroundColor= #FFFFFF

5、输入框只能输入数字（用的是正则表达式）

你的年龄： input onkeyup= value=value.replace(/[^/d]/g, ) onbeforepaste= clipboardData.setData( text ,clipboardData.getData( text ).replace(/[^/d]/g, ))

6、输入框只能输入中文（用的是正则表达式）：

你的中文名： input onkeyup= value=value.replace(/[ -~]/g, ) #8221;if(event.keyCode==13)event.keyCode=9

7、只能输入英文和数字（用的是正则表达式）：

你的昵称：

inputonkeyup= value=value.replace(/[/W]/g, ) onbeforepaste= clipboardData.setData( text ,clipboardData.getData( text ).replace(/[^/d]/g, ))
#8221;if(event.keyCode==13)event.keyCode=9

8、输入框不能编辑，但表单可以获得输入框内的值：

总和： input type= text value= 160 #8221;alert( 总和不能编辑！ ); onfocus= this.blur() /

总和： input type= text value= 吴秋华 #8221;alert(this.value); readonly /

9、输入框禁止输入法：

input onpaste= returnfalse >

原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/16359.html