阻止用戶在輸入字段中輸入文字

Question

是否有css或html阻止用戶輸入字段的唯一方法？

我想動態地添加東西和刪除東西等輸入字段，但我不希望用戶能夠編輯它並使用html標記disable屬性阻止我做我想做的事。

Answer 1

您可以使用readonly或disabled屬性。

使用disabled的缺點是disabled元素的值在表單爲時不會被提交。您可能需要readonly。可以很容易地將其設計爲看起來像禁用的元素。

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

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

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

Answer 2

嗯.....

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

這裏更多：What is the correct readonly attribute syntax for input text elements?

Answer 3

可以使用屬性readonly - 讀到它here

Answer 4

是的，你可以設置輸入元素的disabled財產至true。這將阻止用戶修改其內容，但您可以通過使用Javascript修改其value屬性來完成您喜歡的內容。

Answer 5

只讀添加到它

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

Answer 6

您可以僞造使用CSS殘疾人的效果。

pointer-events:none; 

您也可能想改變顏色等

CSS並不意味着改變表單元素的行爲。它只是爲了改變他們的風格。隱藏文本字段並不意味着文本字段不再存在，或者在您提交表單時瀏覽器不會發送其數據。它所做的一切就是將其從用戶的眼睛中隱藏起來。

要實際禁用字段，您必須在HTML中使用disabled屬性或在JavaScript中使用disabled DOM屬性。

或JQUERY

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