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

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

成都創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)與策劃設(shè)計(jì),龍山網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:龍山等地區(qū)。龍山做網(wǎng)站價(jià)格咨詢:13518219792

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

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

基本語法：

radioObject.disabled=true|false

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

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

下面我們通過簡單示例來介紹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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：js禁止或啟用文本框輸入的方法
當(dāng)前鏈接：http://muchs.cn/article42/gphphc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、網(wǎng)站營銷、標(biāo)簽優(yōu)化、品牌網(wǎng)站建設(shè)、云服務(wù)器、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管