阻止用户在输入字段中输入文本

Question

是否只有css或html方法阻止用户输入输入字段？

我想在输入字段中动态添加内容和删除内容等，但我不希望用户能够编辑它并使用disable标记上的html属性阻止我从做我想做的事。

Answer 1

您可以使用readonly或disabled属性。

使用disabled的缺点是，当表单未提交时，disabled元素的值不会被提交。

您可能想要readonly。可以很容易地将其设置为看起来像残疾元素。

＆＃13;

＆＃13;

document.getElementById('test').value = 'Hello World!';

＆＃13;

[readonly] {
  border: 1px solid #ccc;
  background-color: #eee;
}

＆＃13;

<input type="text" id="test" name="test" readonly>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用属性readonly - 阅读相关内容here

Answer 3

是的，您只需将输入元素disabled属性设置为true即可。这将阻止用户修改其内容，但您可以使用Javascript修改其value属性来执行您喜欢的操作。

Answer 4

将readonly添加到它

＆＃13;

＆＃13;

<input type="text" value="Hello" readonly />

＆＃13;

＆＃13;

＆＃13;

Answer 5

嗯.....

<input type="text" name="myInput" value="Whatever" readonly="readonly" />

更多信息：What is the correct readonly attribute syntax for input text elements?

Answer 6

您可以使用CSS伪造禁用的效果。

pointer-events:none;

您可能还想更改颜色等。

CSS并不是要改变表单元素的行为。它意味着只改变自己的风格。隐藏文本字段并不意味着文本字段不再存在，或者当您提交表单时浏览器不会发送其数据。它只是将它隐藏在用户眼中。

要实际停用字段，您必须使用HTML中的disabled属性或JavaScript中的disabled DOM属性。

或JQUERY

$('#fieldname').attr('disabled', 'disabled'); //Disable
$('#fieldname').removeAttr('disabled'); //Enable