在HTML中将表单输入等文本框设置为只读和不可编辑的方法有时我们希望表单中的文本框是只读的，这样用户就不能修改信息 , 如果输入文本的内容无法修改，有时我们希望表单中的文本框是只读的，这样用户就无法修改其中的信息。如使＜input type=“text“ name=“input1“ va ...

网站源码下载网 › 首页 › 综合资讯› 技术文章 ›

在HTML中将表单输入等文本框设置为只读和不可编辑的方法

技术文章

每日更新

2024-6-11 19:56 98人浏览 0人回复

原作者: 全都有综合资源网来自: 全都有综合资源网收藏分享邀请

摘要

有时我们希望表单中的文本框是只读的，这样用户就不能修改信息, 如果输入文本的内容无法修改，有时我们希望表单中的文本框是只读的，这样用户就无法修改其中的信息。如使＜input type=“text“ name=“input1“ va ...

偶然我们希望表单中的文本框是只读的，这样用户就不能点窜信息,

假如输入文本的内容没法点窜，偶然我们希望表单中的文本框是只读的，这样用户就没法点窜其中的信息。

如使＜input type=“text“ name=“input1“ value=“中国“＞的内容，“中国“两个字不成以点窜。实现的方式归纳一下，有以下几种。

在HTML中将表单输入等文本框设备为只读和不成编辑的方式2388 作者:全都有综合资本网来历:全都有综合资本网公布时候:2024-6-11 19:56

方式1: οnfοcus=this.blur() 当鼠标放不上就分开焦点

layui-box layui-code-view" style="margin-top: 10px; margin-bottom: 10px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; position: relative; font-size: 12px; border-width: 1px 1px 1px 6px; border-style: solid; border-color: rgb(226, 226, 226); border-image: initial; background-color: rgb(242, 242, 242); color: rgb(51, 51, 51); font-family: "Courier New";">code
<input type="text" name="input1" value="中国" onfocus=this.blur()>

方式2:readonly

HTML;toolbar:false layui-box layui-code-view" style="margin-top: 10px; margin-bottom: 10px; padding: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: pre-wrap; overflow-wrap: break-word; box-sizing: content-box; position: relative; font-size: 12px; border-width: 1px 1px 1px 6px; border-style: solid; border-color: rgb(226, 226, 226); border-image: initial; background-color: rgb(242, 242, 242); color: rgb(51, 51, 51); font-family: "Courier New";">code
<input type="text" name="input1" value="中国" readonly> <input type="text" name="input1" value="中国" readonly="true">

方式3: disabled

code
<input type="text" name="input1" value="中国" disabled="true">

完整的例子:

code
<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className='input_1'" onMouseOut="this.className='input_2'" value="123456789" disabled="true"　readOnly="true" />

©版权免责声明

1、本站所有资源均来自用户上传及互联网。如有侵权，请联系站长！
2、分享目的仅供大家学习交流。下载后必须在24小时内删除！
3、不得用于非法商业目的或违反国家法律。否则，后果自负！
4、本站提供的源代码、模板、插件等资源不包含技术服务。敬请谅解！
5.如果出现无法下载、无效或有广告的链接，请联系管理员寻求帮助！
6、本站资源价格仅用于赞助，所收取的费用仅用于维持本站日常运营！
7、如果遇到加密压缩包，请使用WINRAR解压。如果遇到无法解压的加密压缩包，请联系管理员！
8、由于精力有限，很多源代码无法详细测试（解密），部分源代码无法区分为病毒或误报，所以没有进行修改。请在使用前进行筛选。

本文网址：

联系客服

HTML, 表单input, 文本框, 只读不可编辑