DOM แท็ก <input type="submit">

property
accessKey
alt
disabled
form
id
name

tabIndex
type
value


accessKey กำหนดคีย์ด่วน
ตัวอย่าง

<html>
<body>
<input type="submit" id="submit1" value="submit1">
<script type="text/javascript">
document.all.submit1.accessKey="s";
</script>
</body>
</html>

จากตัวอย่างเมื่อเปิดweb page แล้วลองกดปุ่ม Alt + s submit1 จะถูก focus


alt ข้อความอธิบายสั้นๆ
ตัวอย่าง
<html>
<body>
<input type="submit" id="submit1" value="submit1" alt="SUBMIT1">
<script type="text/javascript">
document.write(document.all.submit1.alt);
</script>
</body>
</html>

จากตัวอย่างเป็นการอ้างอิงข้อความของ submit1


disabled เปิด ปิดการทำงานของปุ่ม submit
ตัวอย่าง
<html>
<head></head>
<body>
<form>
<input type="submit" id="submit1" value="submit1">
</form>
<script type="text/javascript">
document.all.submit1.disabled=true;
</script>

</body>
</html>

จากตัวอย่างเมื่อเปิดweb page ขึ้นมา
submit1 จะไม่สามารถทำงานได้


form ฟอร์มที่ ปุ่ม submit นั้นๆอยู่
ตัวอย่าง
<form id="testform">
<input type="submit" id="submit1" value="submit1">
</form>

<script type="text/javascript">
document.write(document.all.submit1.form.id);
</script>

ตัวอย่างเป็นการอ้างถึงค่า id ของ form ที่ submit1 อยู่


id ค่าidของปุ่ม submit นั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="submit" id="submit1" value="submit1">
</form>

<script type="text/javascript">
document.write(document.all.submit1.id);
</script>

ตัวอย่างเป็นการอ้างถึงค่า id ของ submit1


name ค่าnameของปุ่ม submit นั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="submit" id="submit1" value="submit1" name="NameSubmit1" >
</form>

<script type="text/javascript">
document.write(document.all.submit1.name);
</script>

ตัวอย่างเป็นการอ้างถึงค่า name ของ submit1


tabIndex ลำดับการกดแท็บ
ตัวอย่าง
<input type="submit" alt="submit1" id="submit1" value="submit1">
<input type="submit" alt="submit2" id="submit2" value="submit2">
<input type="submit" alt="submit3" id="submit3" value="submit3">

<script type="text/javascript">
document.all.submit1.tabIndex="1";
document.all.submit2.tabIndex="2";
document.all.submit3.tabIndex="3";
</script>

จากตัวอย่างเป็นการกำหนดลำดับการกดแท็บ


type ค่าtypeของปุ่ม submit
ตัวอย่าง
<input type="submit" id="submit1" value="submit1">

<script type="text/javascript">
document.write(document.all.submit1.type);
</script>

จากตัวอย่างเป็นการอ้างอิงค่า type ของ submit1


value ค่าข้อความที่แสดงบนปุ่ม submit
ตัวอย่าง
<input type="submit" id="submit1" value="submit1">

<script type="text/javascript">
document.write(document.all.submit1.value);
</script>

จากตัวอย่างเป็นการอ้างอิงข้อความของ submit1


menu DOM