杂七杂八JS ： input输入框和select不可改的方法

最新推荐文章于 2025-07-01 13:07:50 发布

原创最新推荐文章于 2025-07-01 13:07:50 发布 · 6.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #input不可改 #select不可改

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了四种禁用HTML输入框的方法及其特点，并详细解释了如何使选择框不可编辑。通过不同的属性设置，实现了对用户输入的有效控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：input输入框不可改有几种方式

方式一：onfocus="this.blur()" ---在某对象获得焦点时，使其失去焦点
改方式因为失去焦点，所以该文本框的内容不仅不能修改，也不能复制。
方式二：readonly
方式三：readonly="true"
方式二和方式三文字不会变色，不可编辑，可以复制。
方式四：isabled="true"
该方式文字和文本框都会变色，不可编辑，可以复制。

代码编写：

方式一：<input id="input1" name="input1" value="input1" onfocus="this.blur()">
<br>
<br>
方式二：<input id="input2" name="input2" value="input2" readonly>
<br>
<br>
方式三：<input name="input3" value="input3" readonly="true">
<br>
<br>
方式四：<input id="input4" name="input4" value="input4" disabled="true">

执行结果：

二：select框不可改的只有一个方法：disabled="true"

代码编写：

<select  disabled="true">
    <option value="slect1">slect1</option>
    <option selected="true" value="slect2">slect2</option>
    <option  value="slect3">slect3</option>
</select>

执行结果：

参考网址：http://www.jb51.net/web/62128.html