Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML DOM 입력 텍스트 defaultValue 속성

<시간/>

HTML DOM 입력 텍스트 defaultValue 속성은 텍스트 필드의 defaultValue를 설정하거나 가져오는 데 사용됩니다. 요소의 defaultValue는 value 속성에 할당된 값입니다. value 속성과 defaultValue 속성의 차이점은 후자는 지정된 원래 기본값을 유지하는 반면 value 속성 값은 입력 필드의 사용자 입력에 따라 변경된다는 것입니다.

구문

다음은 defaultValue 속성을 설정하는 구문입니다 -

textObject.defaultValue = value

여기서 "값"은 텍스트 필드의 기본값입니다.

예시

Text defaultValue 속성에 대한 예를 살펴보겠습니다. -

<!DOCTYPE html>
<html>
<body>
<h1>Input Text defaultValue Property</h1>
USERNAME: <input type="text" id="TEXT1" value="RON_1" autofocus>
<p>Change the above text field default value by clicking on the CHANGE button</p>
<button type="button" onclick="changeDefault()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeDefault() {
      document.getElementById("TEXT1").defaultValue="ROHAN_2";
      var P=document.getElementById("TEXT1").defaultValue;
      document.getElementById("Sample").innerHTML = "Default value has been changed from RON_1 to "+P ;
   }
</script>
</body>
</html>

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM 입력 텍스트 defaultValue 속성

HTML DOM 입력 텍스트 defaultValue 속성