溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹js禁止或啟用文本框輸入的方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
在js中實現禁止或啟用文本框輸入其實很簡單，只有使用disabled 屬性就可以實現功能。我們來看看disabled 屬性的相關知識。
disabled 屬性可用于設置或返回是否禁用單選按鈕。
基本語法：
radioObject.disabled=true|false
false：表示啟用文本框輸入；
true：表示禁止文本框輸入。
下面我們通過簡單示例來介紹js如何使用disabled 屬性來實現禁止或啟用文本框輸入？
思路：
1）使用getElementById（）獲取文本字段
2）使用按鈕激發啟用或禁用文本字段輸入的函數：enable（）和disable（）函數
3）利用enable（）和disable（）函數將文本框的disabled 字段設置為true或false
實現代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>如何使用JavaScript啟用或禁用輸入</title>
</head>
<body>
<h3>使用JavaScript啟用和禁用文本字段</h3>
<form id="registration-form">
輸入您的姓名：
<input type="text" id="name">
</form><br />
<button onclick="disable()">禁用文本字段</button>
<button onclick="enable()">啟用文本字段</button>
<script>
function disable(){
//
document.getElementById("name").disabled=true;
}
function enable(){
document.getElementById("name").disabled = false;
}
</script>
</body>
</html>運行效果：
單擊“禁用文本字段”按鈕時，將調用disable()函數，文本字段的禁用屬性disabled將設置為true，這意味著你無法再在此文本字段中輸入文本，它將被禁用了。
單擊“啟用文本字段”按鈕將重新啟用文本字段，它可以調用enable()函數，該函數將disabled屬性重置為false。
以上是js禁止或啟用文本框輸入的方法的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
