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

property
accessKey
alt
defaultValue
disabled
form
id
maxLength
name
readOnly
size

tabIndex
type
value


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

<html>
<body>
<input type="password" id="password1" value="password1">
<script type="text/javascript">
document.all.text1.accessKey="p";
</script>
</body>
</html>

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


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

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


defaultValue ข้อความเริ่มต้นในpassword
ตัวอย่าง
<html>
<body>
<input type="password" id="password1" value="password1">
<script type="text/javascript">
document.write(document.all.password1.defaultValue);
</script>
</body>
</html>

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


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

</body>
</html>

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


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

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

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


id ค่าidของpasswordboxนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="password" id="password1" value="password1">
</form>

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

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


maxLength ค่ามากสุดที่สามารถพิมพ์ลงไปได้ของpasswordboxนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="password" id="password1" value="password1">
</form>

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

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


name ค่าnameของpasswordboxนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="password" id="password1" value="password1" name="namePassword1" >
</form>

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

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


readOnly กำหนดการ readOnlyของpasswordboxนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="password" id="password1" value="password1">
</form>

<script type="text/javascript">
document.all.password1.readOnly="true";
</script>

ตัวอย่างเป็นการกำหนด readOnlyของpassword1


size กำหนดความยาวของpasswordboxนั้นๆู่
ตัวอย่าง
<html>
<head>
<script type="text/javascript">
function changeSize()
{
document.all.password1.size="100";
}
</script>
</head>
<body>

<form>
<input type="password" id="password1" value="password1" size="10">
<input type="button" id="button1" onclick="changeSize()" value="button1">
</form>

</body>
</html>

ตัวอย่างเป็นการเปลี่ยนขนาดความยาวของ password1 เมื่อกด button1



tabIndex
ลำดับการกดแท็บ
ตัวอย่าง
<input type="password" alt="password1" id="password1" value="password1">
<input type="password" alt="password2" id="password2" value="password2">
<input type="password" alt="password3" id="password3" value="password3">

<script type="text/javascript">
document.all.password1.tabIndex="1";
document.all.password2.tabIndex="2";
document.all.password3.tabIndex="3";
</script>

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


type ค่าtypeของpasswordbox
ตัวอย่าง
<input type="password" id="password1" value="password1">

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

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


value ค่าข้อความที่แสดงบนpasswordbox
ตัวอย่าง
<input type="password" id="password1" value="password1">

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

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


menu DOM