DOM แท็ก <input type="text">
property
accessKey
alt
defaultValue
disabled
form
id
maxLength
name
readOnly
size
tabIndex
type
value
accessKey กำหนดคีย์ด่วน
ตัวอย่าง
<html>
<body>
<input type="text" id="text1" value="text1">
<script type="text/javascript">
document.all.text1.accessKey="t";
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page แล้วลองกดปุ่ม Alt + t text1 จะถูก focus
alt ข้อความอธิบายสั้นๆ
ตัวอย่าง
<html>
<body>
<input type="text" id="text1" value="text1">
<script type="text/javascript">
document.write(document.all.text1.alt);
</script>
</body>
</html>
จากตัวอย่างเป็นการอ้างอิงข้อความของ text1
defaultValue ข้อความเริ่มต้นในtextbox
ตัวอย่าง
<html>
<body>
<input type="text" id="text1" value="text1">
<script type="text/javascript">
document.write(document.all.text1.defaultValue);
</script>
</body>
</html>
จากตัวอย่างเป็นการอ้างอิงข้อความเริ่มต้นใน textbox1
disabled เปิด ปิดการทำงานของtextbox
ตัวอย่าง
<html>
<head></head>
<body>
<form>
<input type="text" id="text1" value="text1">
</form>
<script type="text/javascript">
document.all.text1.disabled=true;
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page ขึ้นมา
textbox1 จะไม่สามารถทำงานได้
form ฟอร์มที่ textbox
นั้นๆอยู่
ตัวอย่าง
<form id="testform">
<input type="text" id="text1" value="text1">
</form>
<script type="text/javascript">
document.write(document.all.text1.form.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ form ที่ text1 อยู่
id ค่าidของtextboxนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="text" id="text1" value="text1">
</form>
<script type="text/javascript">
document.write(document.all.text1.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ text1
maxLength ค่ามากสุดที่สามารถพิมพ์ลงไปได้ของtextboxนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="text" id="text1" value="text1">
</form>
<script type="text/javascript">
document.write(document.all.text1.maxLength);
</script>
ตัวอย่างเป็นการอ้างถึงค่า maxLength ของ text1
name ค่าnameของtextboxนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="text" id="text1" value="text1"
name="NameText1" >
</form>
<script type="text/javascript">
document.write(document.all.text1.name);
</script>
ตัวอย่างเป็นการอ้างถึงค่า name ของ text1
readOnly กำหนดการ readOnlyของtextboxนั้นๆู่
ตัวอย่าง
<form id="testform">
<input type="text" id="text1" value="text1"
name="NameText1" >
</form>
<script type="text/javascript">
document.all.text1.readOnly="true";
</script>
ตัวอย่างเป็นการกำหนด readOnlyของtextbox1
size กำหนดความยาวของtextboxนั้นๆู่
ตัวอย่าง
<html>
<head>
<script type="text/javascript">
function changeSize()
{
document.all.text1.size="100";
}
</script>
</head>
<body>
<form>
<input type="text" id="text1" value="text1"
size="20">
<input type="button" id="button1" onclick="changeSize()"
value="button1">
</form>
</body>
</html>
ตัวอย่างเป็นการเปลี่ยนขนาดความยาวของ textbox1 เมื่อกด button1
tabIndex ลำดับการกดแท็บ
ตัวอย่าง
<input type="text" alt="text1" id="text1" value="text1">
<input type="text" alt="text2" id="text2" value="text2">
<input type="text" alt="text3" id="text3" value="text3">
<script type="text/javascript">
document.all.text1.tabIndex="1";
document.all.text2.tabIndex="2";
document.all.text3.tabIndex="3";
</script>
จากตัวอย่างเป็นการกำหนดลำดับการกดแท็บ
type ค่าtypeของtextbox
ตัวอย่าง
<input type="text" alt="text1" id="text1" value="text1">
<script type="text/javascript">
document.write(document.all.text1.type);
</script>
จากตัวอย่างเป็นการอ้างอิงค่า type ของ text1
value ค่าข้อความที่แสดงบนtextbox
ตัวอย่าง
<input type="text" alt="text1" id="text1" value="text1">
<script type="text/javascript">
document.write(document.all.text1.value);
</script>
จากตัวอย่างเป็นการอ้างอิงข้อความของ text1