HTML 값 속성
정의 및 사용
<button>
,
<input>
및 <option>
요소의 경우 속성
value
은 요소의 초기 값을 지정합니다.
<li>
요소의 경우 속성
value
은 목록 항목의 값을 설정합니다(순서된 목록의 경우). 다음 목록 항목은 해당 값에서 증가합니다.
<meter>
요소의 경우 속성
value
은 게이지의 현재 값을 지정합니다.
<progress>
요소의 경우 속성
value
은 완료된 작업의 양을 지정합니다.
<param>
요소의 경우 속성
value
은 매개변수 값을 지정합니다.
에 적용
속성 은 value
다음 요소에 사용할 수 있습니다.
집단 | 기인하다 |
---|---|
<버튼> | 값 |
<입력> | 값 |
<미터> | 값 |
<리> | 값 |
<옵션> | 값 |
<진행상황> | 값 |
<파라미터> | 값 |
예
<버튼> 예
클릭 시 다른 값을 제출하는 동일한 이름을 가진 두 개의 버튼:
<form action="/action_page.php" method="get">
Choose your favorite subject:
<button name="subject" type="submit" value="fav_HTML">HTML</button>
<button name="subject" type="submit" value="fav_CSS">CSS</button>
</form>
<입력> 예
초기(기본값) 값이 있는 HTML 양식:
<form
action="/action_page.php">
First name: <input type="text" name="fname"
value="John"><br>
Last name:
<input type="text" name="lname"
value="Doe"><br>
<input type="submit" value="Submit form">
</form>
<li> 예
정렬된 목록에서 값 속성 사용:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
<미터> 예
현재 값, min, max, high, low 세그먼트가 있는 게이지:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
<옵션> 예
HTML 양식 내의 드롭다운 목록:
<form action="/action_page.php">
<select name="cars">
<option value="volvo">Volvo XC90</option>
<option value="saab">Saab 95</option>
<option value="mercedes">Mercedes SLK</option>
<option value="audi">Audi TT</option>
</select>
<input type="submit" value="Submit">
</form>
<진행상황> 예시
다운로드 진행 중:
<progress value="22" max="100"></progress>
<param> 예
"autoplay" 매개변수를 "true"로 설정하면 페이지가 로드되는 즉시 사운드가 재생되기 시작합니다.
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
브라우저 지원
특성 은 value
각 요소에 대해 다음 브라우저 지원을 가집니다.
Element | |||||
---|---|---|---|---|---|
button | Yes | Yes | Yes | Yes | Yes |
input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
li | Yes | Yes | Yes | Yes | Yes |
meter | 8.0 | 13.0 | 6.0 | 6.0 | 11.0 |
option | Yes | Yes | Yes | Yes | Yes |
progress | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
param | Yes | Yes | Yes | Yes | Yes |