为了使本框不可编辑,我们可以使用下面几种方法
解决思路:
文本框的内容只用来显示而不允许用户随意编辑的时候是很有必要。
步骤:
方法一:设置<input>标签的readonly属性为true。
具体Html代码如下:
Html代码
<input type="text" value="readonly" readonly=“true"/>
Html代码
<input type="text" value="readonly" readonly=“true"/>
方法二:设置disabled属性为true。
具体代码如下:
Html代码
<input type="text" readonly="true" />
Html代码
<input type="text" readonly="true" />
方法三:在对象focus时立刻让它blur,使它无法获得焦点。
Html代码
1.
Html代码
<input type="text" οnfοcus="this.blur()">
Html代码
<input type="text" οnfοcus="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;
}
}
解决思路:
文本框的内容只用来显示而不允许用户随意编辑的时候是很有必要。
步骤:
方法一:设置<input>标签的readonly属性为true。
具体Html代码如下:
Html代码
<input type="text" value="readonly" readonly=“true"/>
Html代码
<input type="text" value="readonly" readonly=“true"/>
方法二:设置disabled属性为true。
具体代码如下:
Html代码
<input type="text" readonly="true" />
Html代码
<input type="text" readonly="true" />
方法三:在对象focus时立刻让它blur,使它无法获得焦点。
Html代码
1.
Html代码
<input type="text" οnfοcus="this.blur()">
Html代码
<input type="text" οnfοcus="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;
}
}