ค่า HTML คุณสมบัติ
ความหมายและการใช้งาน
สำหรับ<button>และองค์ประกอบคุณลักษณะระบุค่าเริ่มต้นของ
<input>องค์ประกอบ<option>
value
สำหรับ<li>องค์ประกอบ
valueแอตทริบิวต์ตั้งค่าของรายการ (สำหรับรายการที่สั่งซื้อ) รายการถัดไปจะเพิ่มขึ้นจากค่านั้น
สำหรับ<meter>องค์ประกอบ
valueแอตทริบิวต์จะระบุค่าปัจจุบันของมาตรวัด
สำหรับ<progress>องค์ประกอบ
valueคุณลักษณะจะระบุจำนวนงานที่ทำเสร็จแล้ว
สำหรับ<param>องค์ประกอบ
valueคุณลักษณะจะระบุค่าของพารามิเตอร์
นำไปใช้กับ
สามารถใช้ แอตทริบิวต์valueกับองค์ประกอบต่อไปนี้:
| องค์ประกอบ | คุณลักษณะ |
|---|---|
| <button> | ค่า |
| <input> | ค่า |
| <เมตร> | ค่า |
| <li> | ค่า |
| <ตัวเลือก> | ค่า |
| <ความคืบหน้า> | ค่า |
| <พารามิเตอร์> | ค่า |
ตัวอย่าง
<button> ตัวอย่าง
ปุ่มสองปุ่มที่มีชื่อเท่ากัน ซึ่งจะส่งค่าที่แตกต่างกันเมื่อคลิก:
<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> ตัวอย่าง
แบบฟอร์ม 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>
<เมตร> ตัวอย่าง
เกจที่มีค่าปัจจุบัน ต่ำสุด สูงสุด สูงและต่ำ:
<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>
<พารามิเตอร์> ตัวอย่าง
ตั้งค่าพารามิเตอร์ "เล่นอัตโนมัติ" เป็น "จริง" เพื่อให้เสียงเริ่มเล่นทันทีที่หน้าโหลด:
<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 |