최신 웹 개발 튜토리얼
 

Input Text value Property

<입력 텍스트 개체

예

텍스트 필드의 값을 변경 :

document.getElementById("myText").value = "Johnny Bravo";
»그것을 자신을 시도

정의 및 사용

값 속성 집합 또는의 값 반환 value 텍스트 필드의 속성을.

값 속성은 기본값 또는 값의 사용자 유형 포함 (or a value set by a script) .

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

값 속성은 모든 주요 브라우저에서 지원됩니다.

통사론

값 속성을 반환합니다 :

textObject .value

값 속성을 설정 :

textObject .value= 속성 값
값 기술
text 입력 텍스트 필드의 값을 지정합니다

기술적 세부 사항

반환 값 : 텍스트 필드의 값을 나타내는 문자열

더 예

예

텍스트 필드의 값을 가져옵니다 :

var x = document.getElementById("myText").value;

X의 결과는 다음과 같습니다

Mickey
»그것을 자신을 시도

예

양식 유효성 검사 :

var at = document.getElementById("email").value.indexOf("@");
var age = document.getElementById("age").value;
var fname = document.getElementById("fname").value;
submitOK = "true";

if (fname.length > 10) {
  alert("The name may have no more than 10 characters");
  submitOK = "false";
}

if (isNaN(age) || age < 1 || age > 100) {
  alert("The age must be a number between 1 and 100");
  submitOK = "false";
}

if (at == -1) {
  alert("Not a valid e-mail!");
  submitOK = "false";
}

if (submitOK == "false") {
  return false;
}
»그것을 자신을 시도

예

폼에 드롭 다운 목록 :

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;
»그것을 자신을 시도

예

또 다른 드롭 다운 목록 :

var no = document.getElementById("no");
var option = no.options[no.selectedIndex].text;
var txt = document.getElementById("result").value;
txt = txt + option;
document.getElementById("result").value = txt;
»그것을 자신을 시도

예

DEFAULTVALUE 및 속성 값 사이의 차이를 보여주는 예 :

var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;
»그것을 자신을 시도

관련 페이지

HTML 참조 : HTML <input> value 속성

<입력 텍스트 개체