jsでテキストボックス入力を無効または有効にする方法-jsチュートリアル-php.cn

jsでテキストボックス入力を無効または有効にする方法

青灯夜游

リリース： 2018-11-21 10:58:29

オリジナル

6962 人が閲覧しました

テキストボックスの入力を無効または有効にするにはどうすればよいですか?この記事では、pure js を使ってテキストボックスの入力を無効または有効にする方法を紹介します。困っている友人は参考にしていただければ幸いです。

js でテキストボックスの入力を無効または有効にするのは、実際には非常に簡単です。この機能を実現するには、disabled 属性を使用するだけです。無効な属性に関する関連知識を見てみましょう。

disabled 属性は、ラジオボタンが無効かどうかを設定または返すために使用できます。

基本構文:

radioObject.disabled=true|false

ログイン後にコピー

false: テキストボックスの入力を有効にすることを意味します;

true: テキストボックスの入力を禁止することを意味します。

簡単な例を使用して、js が disabled 属性を使用してテキストボックスの入力を無効または有効にする方法を 紹介しましょう。

アイデア:

1) getElementById() を使用してテキストフィールドを取得します。

2) ボタンを使用して、テキストフィールドの入力を有効または無効にする関数を起動します。 :enable() および disable() 関数

3)enable() および disable() 関数を使用して、テキストボックスの無効なフィールドを true または false に設定します。

実装コード:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>如何使用JavaScript启用或禁用输入</title>
	</head>

	<body>
		<h2>使用JavaScript启用和禁用文本字段</h2>
		<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>

ログイン後にコピー

実行効果 :

jsでテキストボックス入力を無効または有効にする方法