HTML DOM 입력 검색 크기 속성은 입력 검색 필드 크기 속성 값을 설정하거나 반환하는 데 사용됩니다. 검색 필드 너비를 문자로 정의하는 데 사용됩니다. 기본 너비는 20자입니다.
구문
다음은 −
의 구문입니다.검색 크기 속성 설정 -
searchObject.size = number
여기서 숫자는 검색 필드 너비를 문자로 나타냅니다. 기본 너비는 20자입니다.
예시
입력 검색 크기 속성의 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Input search size property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Change the Search field width by clicking the below button</p>
<button onclick="changeSize()">CHANGE</button>
<p id="Sample">
<script>
function changeSize() {
document.getElementById("SEARCH1").size+=20;
var s=document.getElementById("SEARCH1").size;
document.getElementById("Sample").innerHTML="The search field width is now "+ s;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHANGE 버튼을 클릭하면 -
