美文网首页
文本框设为不可编辑文本框

文本框设为不可编辑文本框

作者: 魂斗罗小黑 | 来源:发表于2018-11-05 16:12 被阅读0次

    将HTML文本框设为不可编辑文本框。

    方法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>

    让文本框变灰不可输入:

    <input type="text" name="test" disabled="disabled" style="background:#CCCCCC"/>

    不过该方法在为输入框加入自定义CSS代码可能失效,即不会变成灰色。所以在无效的情况下,查看是否是因为CSS的原因造成的。

    不可输入还可以用上述三种方法

    注意:readonly只是让文本框不可操作,但是文本框不会变成灰色。只有disabled可以使文本框变为灰色。

    第一种:<input name="time_limit_2" readonly="readonly" />

    第二种:<input name="time_limit_2" disabled />

    两者功能上有很大的差意

    当表单与数据库交互时,第一种没问题,但第二种就不行,第一种只是把input设为只读,在提交到数据库的时候数据依然存在

    而第二种并不是只读状态,而是关闭状态!

    相关文章

      网友评论

          本文标题:文本框设为不可编辑文本框

          本文链接:https://www.haomeiwen.com/subject/wovsxqtx.html