Atribut nilai HTML
Definisi dan Penggunaan
Untuk <button>,
<input>dan <option>elemen,
valueatribut menentukan nilai awal elemen.
Untuk <li>elemen,
valueatribut menetapkan nilai item daftar (untuk daftar terurut). Item daftar berikutnya akan bertambah dari nilai itu.
Untuk <meter>elemen,
valueatribut menentukan nilai pengukur saat ini.
Untuk <progress>elemen,
valueatribut menentukan berapa banyak tugas yang telah diselesaikan.
Untuk <param>elemen,
valueatribut menentukan nilai parameter.
Berlaku untuk
Atribut valuedapat digunakan pada elemen berikut:
| Elemen | Atribut |
|---|---|
| <tombol> | nilai |
| <masukan> | nilai |
| <meter> | nilai |
| <li> | nilai |
| <pilihan> | nilai |
| <kemajuan> | nilai |
| <param> | nilai |
Contoh
<tombol> Contoh
Dua tombol dengan nama yang sama, yang mengirimkan nilai berbeda saat diklik:
<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>
<input> Contoh
Formulir HTML dengan nilai awal (default):
<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> Contoh
Penggunaan atribut nilai dalam daftar yang diurutkan:
<ol>
<li value="100">Coffee</li>
<li>Tea</li>
<li>Milk</li>
<li>Water</li>
<li>Juice</li>
<li>Beer</li>
</ol>
<meter> Contoh
Pengukur dengan nilai saat ini, min, maks, tinggi, dan segmen rendah:
<meter min="0" low="40" high="90" max="100" value="95"></meter>
<opsi> Contoh
Daftar drop-down di dalam formulir 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>
<kemajuan> Contoh
Pengunduhan sedang berlangsung:
<progress value="22" max="100"></progress>
<param> Contoh
Setel parameter "putar otomatis" ke "benar", sehingga suara akan mulai diputar segera setelah halaman dimuat:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
Dukungan Peramban
Atribut valuememiliki dukungan browser berikut untuk setiap elemen:
| 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 |