如何禁止input文本框输入

2024-12-03 02:44:41
推荐回答(3个)
回答1:

1、将readonly =“readonly”属性添加到文本框中,并将输入设置为只读。

2、之后在浏览器中预览,您可以看到文本框不可编辑。

3、还可以在文本框中输入disabled =“disabled”属性,将输入设置为未使用状态。

4、在浏览器中预览,你可以看到鼠标滑过文本框,出现一个红色圆框,显示不可用。

5、我们还可以使用按钮上的disabled =“disabled”属性使按钮变灰并且不可用。

6、可以看到按钮变为灰色,鼠标滑过红色圆圈,显示器不可用。

回答2:

  readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值.
  代码如下

  

  disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值
  代码如下

  

  另外可以通过css屏蔽输入法:

回答3:

readonly="readonly"