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


menu DOM