在HTML中,input元素是常用的交互控件之一,可以用于用戶輸入數據。但是有時候我們需要將input設置為只讀狀態,這時候我們可以使用input jquery只讀。
首先,在HTML中添加一個input元素:
<input type="text" id="input" value="只讀輸入框">
然后在JavaScript中使用input jquery只讀來將input元素設置為只讀狀態:
$(document).ready(function(){ $("#input").prop("readonly", true); });
在代碼中,我們使用了prop()方法來設置input元素的只讀屬性。其中,第一個參數是要設置的屬性,第二個參數是屬性值。
如果需要取消input元素的只讀狀態,也很簡單,只需要將第二個參數設置為false即可:
$(document).ready(function(){ $("#input").prop("readonly", false); });
使用input jquery只讀可以非常方便的設置input元素的只讀狀態,使用戶無法直接輸入數據,從而更好的控制表單的輸入。