tutorial pengembangan web terbaru
 

HTML value Attribute


Definisi dan Penggunaan

Untuk tombol, masukan dan pilihan elemen, value atribut menentukan nilai awal dari elemen.

Untuk li elemen, value atribut set nilai dari sebuah item daftar memerintahkan. Daftar berikut item akan kenaikan dari jumlah itu.

Untuk unsur kemajuan, value atribut menentukan berapa banyak tugas telah selesai.

Untuk elemen param, yang value atribut menentukan nilai dari <param> elemen.


Berlaku untuk

The type atribut dapat digunakan pada unsur-unsur berikut:

elemen Atribut
<button> value
<input> value
<li> value
<option> value
<progress> value
<param> value

contoh

Button Contoh

Dua tombol dengan nama yang sama, yang menyampaikan nilai-nilai yang berbeda ketika diklik:

<form action="demo_form.asp" 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>
Cobalah sendiri "

Input Contoh

Bentuk HTML dengan (default) nilai awal:

<form action="demo_form.asp">
  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>
Cobalah sendiri "

Li Contoh

Penggunaan value atribut dalam daftar memerintahkan:

<ol>
  <li value="100">Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Water</li>
  <li>Juice</li>
  <li>Beer</li>
</ol>
Cobalah sendiri "

pilihan Contoh

Sebuah daftar drop-down dalam bentuk HTML:

<form action="demo_form.asp">
  <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>
Cobalah sendiri "

Progress Contoh

Download berlangsung:

<progress value="22" max="100"></progress>
Cobalah sendiri "

Param Contoh

Mengatur "autoplay" parameter untuk "true" , sehingga suara akan mulai bermain segera beban halaman:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>
Cobalah sendiri "

Dukungan Browser

The value atribut memiliki dukungan browser berikut untuk setiap elemen:

Elemen
button iya nih iya nih iya nih iya nih iya nih
input 1.0 2.0 1.0 1.0 1.0
li iya nih iya nih iya nih iya nih iya nih
option iya nih iya nih iya nih iya nih iya nih
progress 8,0 10,0 16.0 6.0 11.0
param iya nih iya nih iya nih iya nih iya nih