溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

js禁止或啟用文本框輸入的方法

發(fā)布時(shí)間：2020-09-26 14:16:50 來源：億速云 閱讀：439 作者：小新 欄目：web開發(fā)

這篇文章主要介紹js禁止或啟用文本框輸入的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

在js中實(shí)現(xiàn)禁止或啟用文本框輸入其實(shí)很簡(jiǎn)單，只有使用disabled 屬性就可以實(shí)現(xiàn)功能。我們來看看disabled 屬性的相關(guān)知識(shí)。

disabled 屬性可用于設(shè)置或返回是否禁用單選按鈕。

基本語法：

radioObject.disabled=true|false

false：表示啟用文本框輸入；

true：表示禁止文本框輸入。

下面我們通過簡(jiǎn)單示例來介紹js如何使用disabled 屬性來實(shí)現(xiàn)禁止或啟用文本框輸入？

思路：

1）使用getElementById（）獲取文本字段

2）使用按鈕激發(fā)啟用或禁用文本字段輸入的函數(shù)：enable（）和disable（）函數(shù)

3）利用enable（）和disable（）函數(shù)將文本框的disabled 字段設(shè)置為true或false

實(shí)現(xiàn)代碼：

<!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>

運(yùn)行效果：

js禁止或啟用文本框輸入的方法

單擊“禁用文本字段”按鈕時(shí)，將調(diào)用disable()函數(shù)，文本字段的禁用屬性disabled將設(shè)置為true，這意味著你無法再在此文本字段中輸入文本，它將被禁用了。

單擊“啟用文本字段”按鈕將重新啟用文本字段，它可以調(diào)用enable()函數(shù)，該函數(shù)將disabled屬性重置為false。

以上是js禁止或啟用文本框輸入的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

js
AI
助
手