软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > HTML中表单Input文本框只读不可修改的代码

HTML中表单Input文本框只读不可修改的代码

在网页设计中,有的表单是不想让用户修改的,这样的文本框可以变成灰色,那么可以让HTML中的INPUT属性变灰色的代码是什么呢,本文就为大家介绍一下!

让用户不能修改其中的信息,比如:<input type="text" name="input1" value="最火下载站veryhuo.com"> 的内容,"最火下载站veryhuo.com"两个字不可以修改。实现的方式归纳一下,有如下几种。

方法1: onfocus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="最火下载站veryhuo.com" onfocus=this.blur()>

方法2:readonly
<input type="text" name="input1" value="最火下载站veryhuo.com" readonly>
<input type="text" name="input1" value="最火下载站veryhuo.com" readonly="true">

方法3: disabled
<input type="text" name="input1" value="最火下载站veryhuo.com" disabled="true">

完整的例子:

以下是上述代码的完整演示,您可进行删减或增加代码等修改,然后再运行!


提示:可修改后代码再运行!

disabled="true" 此果文字会变成灰色,不可编辑。
readOnly="true" 文字不会变色,也是不可编辑的

css屏蔽输入:<input style="ime-mode: disabled">

有两种方法第一:disabled="disabled"这样定义之后被禁用的 input 元素既不可用,也不可点击。第二:readonly="readonly" 只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本;

上一篇:HTML5上传文件显示进度实例
下一篇:暂无文档
    相关阅读
    栏目导航
    推荐软件