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