HTML DOM 입력 검색 값 속성은 type=”search” 및 value 속성을 갖는 입력 요소와 연관됩니다. 입력 검색 필드 값 속성의 값을 반환하거나 설정하는 데 사용됩니다. 이 속성은 검색 필드의 기본값을 지정하는 데 사용되며 값을 사용자 입력으로 변경하기도 합니다.
구문
다음은 −
의 구문입니다.값 속성 설정 -
searchObject.value = text;
여기에서 텍스트는 검색 필드의 값을 지정하는 데 사용됩니다.
예시
입력 검색 값 속성에 대한 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Input search Value property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
function getValue() {
var t = document.getElementById("SEARCH1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
텍스트를 입력한 다음 "값 가져오기" 버튼을 클릭하면 -
