html⽂本输⼊框效果⼤汇集
1、选中去除⽂本框⽂字，离开后显⽰原有⽂字：
<input name="key" type="text" id="key" value="关键词" size="30"
οnmοuseοver=this.focus();this.select();
οnclick="if(value==defaultValue){value='';lor='#000'}"
onBlur="if(!value){value=defaultValue;lor='#999'}" />
2、选中后⽅可编辑：
<input type="checkbox" name="tpbox" value="1" οnclick="if(this.checked) {txtNo.disabled=false}else{txtNo.disabled=true}">你⼀定要幸福，我会好好的！
你的姓名：<input type="text" name="txtNo" size="20" value="选中前⾯的选项⽅可编辑" disabled>
3、点击链接后⽅可编辑：
<a href="#" οnclick="adOnly=false;alert('你好，欢迎使⽤！')">先点击我哦！</a>
text align center你的姓名：<input id="username" value="--请输⼊--" size="30" readOnly>
4、输⼊框从中间输⼊：从中间输⼊：
<input type="text" name="mid">
5、输⼊框变⾊：输⼊框改变变⾊：
<input type="text" size="20"
οnfοcus="style.backgroundColor='#FFFF00'"
οnblur="style.backgroundColor='#FFFFFF'">
6、输⼊框只能输⼊数字（⽤的是正则表达式）：你 的年龄：
<input οnkeyup="place(/[^\d]/g,'') "
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\d]/g,''))">
7、输⼊框只能输⼊中⽂（⽤的是正则表达式）：你的中⽂名：
<input οnkeyup="place(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
8、只能输⼊英⽂和数字（⽤的是正则表达式）：
你 的昵称：<input οnkeyup="place(/[\W]/g,'') "
onbeforepaste="clipboardData.setData('text',Data('text').replace(/[^\d]/g,''))"
οnkeydοwn="if(event.keyCode==13)event.keyCode=9">
9、输⼊框不能编辑，但表单可以获得输⼊框内的值：
<input type="text" value="afreon" οnclick="alert('总和不能编辑！');" οnfοcus="this.blur()" />
<input type="text" value="afreon" οnclick="alert(this.value);" readonly />
<input value="不可修改"  readonly= "true" type="text"/>//：字体颜⾊为⿊体
10、输⼊框不能编辑，并且表单不能获得输⼊框内的值
<input value="不可修改" disabled="disabled"  type="text"/>//：字体颜⾊为灰体
11、输⼊框禁⽌输⼊法：
<input οnpaste="return false" >

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。