En son web geliştirme öğreticiler
 

HTML value Attribute


Tanımı ve Kullanımı

Düğme, giriş ve seçenek öğeleri için, value nitelik elemanının başlangıç değerini belirtir.

İçin li elemanları, value nitelik sıralı liste öğesinin değerini ayarlar. Aşağıdaki liste öğeleri bu numaradan artar.

Ilerleme öğeleri için, value nitelik tamamlanmıştır nasıl görevin çok belirtir.

Param elemanları için value özelliğin bir değerini belirtir <param> eleman.


Geçerli

type özellik aşağıdaki unsurları kullanılabilir:

Elementler nitelik
<button> value
<input> value
<li> value
<option> value
<progress> value
<param> value

Örnekler

Button Örnek

tıklandığında farklı değerler teslim eşit adları ile İki düğme:

<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>
Kendin dene "

Input Örnek

İlk ile bir HTML formu (default) değerler:

<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>
Kendin dene "

Li Örnek

Kullanımı value sıralı bir listede özniteliği:

<ol>
  <li value="100">Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Water</li>
  <li>Juice</li>
  <li>Beer</li>
</ol>
Kendin dene "

Seçenek Örnek

Bir HTML form içinde bir açılır liste:

<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>
Kendin dene "

Progress Örnek

Devam eden indirme:

<progress value="22" max="100"></progress>
Kendin dene "

Param Örnek

Set "autoplay" parametresini "true" ses sayfa yüklenirken kısa sürede çalmaya başlar, böylece:

<object data="horse.wav">
  <param name="autoplay" value="true">
</object>
Kendin dene "

Tarayıcı Desteği

value özellik, her element için şu tarayıcı desteği vardır:

Eleman
button Evet Evet Evet Evet Evet
input 1.0 2.0 1.0 1.0 1.0
li Evet Evet Evet Evet Evet
option Evet Evet Evet Evet Evet
progress 8 10.0 16.0 6 11.0
param Evet Evet Evet Evet Evet