DOM แท็ก <input type="button">
property
accessKey
alt
disabled
form
id
name
tabIndex
type
value
accessKey กำหนดคีย์ด่วน
ตัวอย่าง
<html>
<body>
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1">
<script type="text/javascript">
document.all.button1.accessKey="b";
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page แล้วลองกด Alt + b ปุ่ม button1 จะถูก focus
alt ข้อความอธิบายสั้นๆ
ตัวอย่าง
<html>
<body>
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1">
<script type="text/javascript">
document.write(document.all.button1.alt);
</script>
</body>
</html>
จากตัวอย่างเป็นการอ้างอิงข้อความของ button1
disabled เปิด ปิดการทำงานของปุ่มกด
ตัวอย่าง
<html>
<head></head>
<body>
<form>
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1">
<input type="button" alt="ปุ่มกด button2" id="button2"
value="button2">
</form>
<script type="text/javascript">
document.all.button1.disabled=true;
document.all.button2.disabled=false;
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page ขึ้นมา
ปุ่มกดที่1 จะไม่สามารถทำงานได้
ปุ่มกดที่2 จะ่สามารถทำงานได้
form ฟอร์มที่ button นั้นๆอยู่
ตัวอย่าง
<form id="testform">
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1">
</form>
<script type="text/javascript">
document.write(document.all.button1.form.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ form ที่ button1 อยู่
id ค่าidของbuttonนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1">
</form>
<script type="text/javascript">
document.write(document.all.button1.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ button1
name ค่าnameของbuttonนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1" name="NAMEbutton">
</form>
<script type="text/javascript">
document.write(document.all.button1.name);
</script>
ตัวอย่างเป็นการอ้างถึงค่า name ของ button1
tabIndex ลำดับการกดแท็บ
ตัวอย่าง
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1">
<input type="button" alt="ปุ่มกด button2" id="button2"
value="button2">
<input type="button" alt="ปุ่มกด button3" id="button3"
value="button3">
<script type="text/javascript">
document.all.button1.tabIndex="1";
document.all.button2.tabIndex="2";
document.all.button3.tabIndex="3";
</script>
จากตัวอย่างเป็นการกำหนดลำดับการกดแท็บ
type ค่าtypeของbutton
ตัวอย่าง
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1">
<script type="text/javascript">
document.write(document.all.button1.type);
</script>
จากตัวอย่างเป็นการอ้างอิงค่า type ของ button1
value ค่าข้อความที่แสดงบนbutton
ตัวอย่าง
<input type="button" alt="ปุ่มกด button1" id="button1"
value="button1">
<script type="text/javascript">
document.write(document.all.button1.value);
</script>
จากตัวอย่างเป็นการอ้างอิงข้อความของ button1