>  기사  >  웹 프론트엔드  >  js에서 텍스트 상자 입력을 비활성화하거나 활성화하는 방법

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

青灯夜游
青灯夜游원래의
2018-11-20 16:13:446904검색

텍스트 상자 입력을 비활성화하거나 활성화하는 방법은 무엇입니까? 이 기사에서는 순수 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에서 텍스트 상자 입력을 비활성화하거나 활성화하는 방법

"텍스트 필드 비활성화" 버튼을 클릭하면 비활성화() 함수가 실행됩니다. 호출되고 텍스트 필드 비활성화된 속성이 true로 설정됩니다. 즉, 이 텍스트 필드에 더 이상 텍스트를 입력할 수 없으며 비활성화됩니다.

"텍스트 필드 활성화" 버튼을 클릭하면 비활성화된 속성을 false로 재설정하는 활성화() 함수를 호출할 수 있는 텍스트 필드가 다시 활성화됩니다.


위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 비디오 튜토리얼 추천:

JavaScript 튜토리얼!

위 내용은 js에서 텍스트 상자 입력을 비활성화하거나 활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.