HTML如何禁止文本框输入

Posted 2023-05-06

js禁止文本框输入用'disabled'限制。
//html代码
<input type="text" id="text001" value="123"/>

//jQuery代码
$(function()
$('#text001').attr('disabled',true);
);

要禁止输入其实可以不用js都可以做到
input有个属性readonly是用来设置文本框为只读的
只需要添加readonly='readonly'
就可以不让文本框输入文字了
例如<input type='text' readonly='readonly'/> 参考技术A 1、disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。
示例：<input type="text" disabled="disabled" />

2、readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
示例：<input type="text" readonly="readonly">
3、readonly unselectable="on" 该属性跟disable类似，input 元素，不可编辑，不可复制，不可选择，不能接收焦点，设置后文字的颜色也会变成灰色，但是后台可以接收到传值。
示例：<input type="text" readonly unselectable="on" > 参考技术B

禁止文本框输入有以下两种方法：

1，设置input为只读状态，代码如下：

<input readonly="readonly" value="test1"/>

2，设置input为不用状态，代码如下：

<input disabled="disabled" value="test2"/>

参考技术C readonly 属性规定输入字段为只读。

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 javascript 消除 readonly 值，将输入字段切换到可编辑状态。

readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。

实例
带有两个文本字段和一个提交按钮的 HTML 表单：

<form action="form_action.asp" method="get">
Name:<input type="text" name="email" />
Country:<input type="text" name="country" value="China" readonly="readonly" />
<input type="submit" value="Submit" />
</form>

简单解释：
你定义了value的值之后，再加上readonly,焦点就不能输入了....

参考资料：http://www.w3school.com.cn/tags/att_input_readonly.asp

参考技术D <!--三种方案都可以！-->
<input type="text" name="自定义" readonly="readonly" />
<input type="text" name="自定义" disabled="disabled" /> 
<input type="text" name="自定义" autocomplete="off" id="number"/>

[Layui]layui输入框如何设置禁止输入

layui输入框设置禁止输入的方法：首先打开相应的代码文件；然后通过设置输入框属性为“disabled readonly class=“layui-input layui-disabled””来实现禁止输入即可

layui input禁止输入功能

1. disabled

2. class = “layui-disabled”

3. readonly (这个可以不要)

章