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

property
accessKey
alt
disabled
form
id
name

tabIndex
type
value


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

<html>
<body>
<input type="reset" id="reset1" value="reset1">
<script type="text/javascript">
document.all.reset1.accessKey="r";
</script>
</body>
</html>

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


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

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


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

</body>
</html>

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


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

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

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


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

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

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


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

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

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


tabIndex ลำดับการกดแท็บ
ตัวอย่าง
<input type="reset" alt="reset1" id="reset1" value="reset1">
<input type="reset" alt="reset2" id="reset2" value="reset2">
<input type="reset" alt="reset3" id="reset3" value="reset3">

<script type="text/javascript">
document.all.reset1.tabIndex="1";
document.all.reset2.tabIndex="2";
document.all.reset3.tabIndex="3";
</script>

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


type ค่าtypeของปุ่ม reset
ตัวอย่าง
<input type="reset" id="reset1" value="reset1" name="NameReset1" >

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

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


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

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

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


menu DOM