DOM แท็ก button
property
accessKey
disabled
form
id
name
tabIndex
type
value
accessKey กำหนดคีย์ด่วน
ตัวอย่าง
<html>
<body>
<button id="button1">button1</button>
<script type="text/javascript">
document.all.button1.accessKey="b";
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page แล้วลองกด Alt + b ปุ่ม button1 จะถูก focus
disabled เปิด ปิดการทำงานของปุ่มกด
ตัวอย่าง
<html>
<head></head>
<body>
<form>
<button id="button1">button1</button>
<button id="button2">button2</button>
</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">
<button id="button1">button1</button>
</form>
<script type="text/javascript">
document.write(document.all.button1.form.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ form ที่ button1 อยู่
id ค่าidของbuttonนั้นๆู่
ตัวอย่าง
<form id="testform">
<button id="button1" name="buttonName">button1</button>
</form>
<script type="text/javascript">
document.write(document.all.button1.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ button1
name ค่าnameของbuttonนั้นๆู่
ตัวอย่าง
<form id="testform">
<button id="button1" name="buttonName">button1</button>
</form>
<script type="text/javascript">
document.write(document.all.button1.name);
</script>
ตัวอย่างเป็นการอ้างถึงค่า name ของ button1
tabIndex ลำดับการกดแท็บ
ตัวอย่าง
<button id="button1" name="buttonName1">button1</button><br>
<button id="button2" name="buttonName2">button2</button><br>
<button id="button3" name="buttonName3">button3</button><br>
<script type="text/javascript">
document.all.button1.tabIndex="1";
document.all.button2.tabIndex="2";
document.all.button3.tabIndex="3";
</script>
จากตัวอย่างเป็นการกำหนดลำดับการกดแท็บ
type ค่าtypeของbutton
ตัวอย่าง
<button id="button1">button</button>
<script type="text/javascript">
document.write(document.all.button1.type);
</script>
จากตัวอย่างเป็นการอ้างอิงค่า type ของ button1
value ค่าข้อความที่แสดงบนbutton
ตัวอย่าง
<button id="button1">button TEST</button>
<script type="text/javascript">
document.write(document.all.button1.value);
</script>
จากตัวอย่างเป็นการอ้างอิงข้อความของ button1