js에서 텍스트 상자 입력을 비활성화하거나 활성화하는 방법-JS 튜토리얼-php.cn

js에서 텍스트 상자 입력을 비활성화하거나 활성화하는 방법

青灯夜游

풀어 주다： 2018-11-21 10:58:29

원래의

6970명이 탐색했습니다.

텍스트 상자 입력을 비활성화하거나 활성화하는 방법은 무엇입니까? 이 기사에서는 순수 js를 사용하여 텍스트 상자 입력을 비활성화하거나 활성화하는 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

JS에서 텍스트 상자 입력을 비활성화하거나 활성화하는 것은 실제로 매우 간단합니다. 이 기능을 수행하려면 비활성화된 속성만 사용할 수 있습니다. 장애인속성에 관련된 지식을 살펴보겠습니다.

disabled 속성은 라디오 버튼의 비활성화 여부를 설정하거나 반환하는 데 사용할 수 있습니다.

기본 구문:

radioObject.disabled=true|false

로그인 후 복사

false: 텍스트 상자 입력 활성화를 의미합니다.

true: 텍스트 상자 입력 비활성화를 의미합니다.

JS에서 비활성화된 속성을 사용하여 텍스트 상자 입력을 비활성화하거나 활성화하는 방법을 간단한 예를 통해 소개하겠습니다.

아이디어:

1) getElementById()를 사용하여 텍스트 필드 가져오기

2) 버튼을 사용하여 텍스트 필드 입력을 활성화하거나 비활성화하는 함수 실행: 활성화() 및 비활성화() 기능

3) 활성화() 활용( ) 및 비활성화() 함수는 텍스트 상자의 비활성화된 필드를 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에서 텍스트 상자 입력을 비활성화하거나 활성화하는 방법