HTML DOM 입력 텍스트 자리 표시자 속성은 입력 텍스트 필드의 자리 표시자 속성 값을 설정하거나 반환하는 데 사용됩니다. placeholder 속성은 사용자가 아무 것도 입력하기 전에 입력 필드 내부에 텍스트를 표시하여 웹 페이지 사용자에게 입력 요소에 대한 힌트를 제공하는 데 사용됩니다. 자리 표시자 텍스트는 기본적으로 회색으로 표시되며 값 속성과 달리 양식에 제출되지 않습니다.
구문
다음은 −
의 구문입니다.자리 표시자 속성 설정 -
textObject.placeholder = text
여기서 text는 사용자에게 텍스트 필드에 대한 힌트를 지정하는 자리 표시자 텍스트를 나타냅니다.
예시
입력 텍스트 자리 표시자 속성에 대한 예를 살펴보겠습니다. -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text placeholder property</h1>
USERNAME: <input type="text" id="USR" placeholder="....">
<p>Change the placeholder text of the above field by clicking the below button</p>
<button onclick="changeHolder()">CHANGE</button>
<script>
function changeHolder() {
document.getElementById("USR").placeholder = "Enter your username here..";
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
자리 표시자가 성공적으로 변경되었습니다 -
