HTML DOM 입력 검색 자리 표시자 속성은 입력 검색 필드의 자리 표시자 속성 값을 설정하거나 반환하는 데 사용됩니다. placeholder 속성은 사용자가 아무 것도 입력하기 전에 입력 필드 내부에 텍스트를 표시하여 웹 페이지 사용자에게 입력 요소에 대한 힌트를 제공하는 데 사용됩니다. 자리 표시자 텍스트는 기본적으로 회색으로 표시되며 값 속성과 달리 양식에 제출되지 않습니다.
구문
다음은 −
의 구문입니다.자리 표시자 속성 설정 -
searchObject.placeholder = text
여기서 text는 검색 필드에 대한 사용자의 힌트를 지정하는 자리 표시자 텍스트를 나타냅니다.
예시
입력 검색 자리 표시자 속성에 대한 예를 살펴보겠습니다. -
<!DOCTYPE html>
<html>
<body>
<h1>earch placeholder property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<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("SEARCH1").placeholder = "Search for the fruits here..";
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHANGE 버튼을 클릭하면 -
