首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

使文本框不可编者

2012-11-25 
使文本框不可编辑为了使本框不可编辑,我们可以使用下面几种方法 解决思路: 文本框的内容只用来显示而不允

使文本框不可编辑

为了使本框不可编辑,我们可以使用下面几种方法
解决思路:
文本框的内容只用来显示而不允许用户随意编辑的时候是很有必要。
步骤:
方法一:设置<input>标签的readonly属性为true。
具体Html代码如下:
Html代码
<input type="text" value="readonly" readonly=“true"/>

???

方法二:设置disabled属性为true。
具体代码如下:
Html代码
<input type="text"disabled="disabled" />


方法三:在对象focus时立刻让它blur,使它无法获得焦点。
Html代码
1.
Html代码
<input type="text" onfocus="this.blur()">

???
onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。
?
注意:readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 readonly是可以提交的。

----------------------------------------
prototype :如果选定一个输入框,则禁止另外对一个输入框进行操作。
function stuYN(){
??if( $("_to_all").checked==true ) {
??????alert("您将发送消息,给全部注册会员!");
??????$("letter_to_user_id").disabled=true;
????}
??else{
??????alert("请指定收件人");
??????$("letter_to_user_id").disabled=false;
????}
}

热点排行