html中输入框为只读状态如何设置

发布网友发布时间：2022-04-23 04:34

共2个回答

懂视网时间：2022-05-11 09:55

废话不多说了，直接给大家贴代码了，具体代码如下所示：

 <!--方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 -->
<input type="text" name="input1" value="中国" onfocus=this.blur()> 
<!-- 方法2:readonly 文字不会变色，也是不可编辑的-->
<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true"> 
<!-- 方法3: disabled 此时文字会变成灰色，不可编辑。 -->
<input type="text" name="input1" value="中国" disabled="true">

总结

以上所述是小编给大家介绍的HTML实现文本框只读不能修改其中的内容，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

热心网友时间：2022-05-11 07:03

　　在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种：
使用input的disable和readonly两个属性。
　　先来看下二者的区别：
<input
type=
"text
"
readonly=
"true
"
value=
"这是readonly的！
">
<input
type=
"text
"
disabled=
"true
"
value=
"这是disabled的！
">
　　可以看到，虽然两种都是让input的内容不能被用户编辑，但是对于后期的美工处理就有问题了！
　　例如：
<style>
input
{
color:blue;
}
</style>
　　只有readonly的那个文本是蓝色的！
disabled是按系统设置的disabled颜色来设置前景色的，css对其无效！
　　另外，readonly和disabled还有一个不同点就是，当input属性为readonly时，提交表单是可以获得input的内容。
如果是disabled则不能获得所提交的内容，返回值全部为null，所以此处需要注意。
慎用readonly和disabled，指定了disabled的表单，在submit时，不会把它的值传出去。
　　例如，有两个text，一个是readonly一个是disabled，submit后，只能发送那个不是disabled的。
注意地址栏的值.
要保存到本地，因为submit了，不然，看不到效果。