DOM แท็ก <textarea>
property
accessKey
cols
defaultValue
disabled
form
id
name
readOnly
rows
tabIndex
type
value
accessKey กำหนดคีย์ด่วน
ตัวอย่าง
<html>
<body>
<textarea id="textarea1">TEXT AREA</textarea>
<script type="text/javascript">
document.all.textarea1.accessKey="t";
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page แล้วลองกดปุ่ม Alt + t textarea1 จะถูก focus
cols ความกว้างของ textarea
ตัวอย่าง
<html>
<body>
<textarea id="textarea1">TEXT AREA</textarea>
<script type="text/javascript">
document.write(document.all.textarea1.alt);
</script>
</body>
</html>
จากตัวอย่างเป็นการอ้างอิงความกว้างของ textarea1
defaultValue ข้อความเริ่มต้นใน
textarea
ตัวอย่าง
<html>
<body>
<textarea id="textarea1">TEXT AREA</textarea>
<script type="text/javascript">
document.write(document.all.textarea1.defaultValue);
</script>
</body>
</html>
จากตัวอย่างเป็นการอ้างอิงข้อความเริ่มต้นใน textarea1
disabled เปิด ปิดการทำงานของ
textarea
ตัวอย่าง
<html>
<head></head>
<body>
<form>
<textarea id="textarea1">TEXT AREA</textarea>
</form>
<script type="text/javascript">
document.all.textarea1.disabled=true;
</script>
</body>
</html>
จากตัวอย่างเมื่อเปิดweb page ขึ้นมา
textarea1 จะไม่สามารถทำงานได้
form ฟอร์มที่ textarea
นั้นๆอยู่
ตัวอย่าง
<form id="testform">
<textarea id="textarea1">TEXT AREA</textarea>
</form>
<script type="text/javascript">
document.write(document.all.textarea1.form.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ form ที่ textarea1 อยู่
id ค่าidของ textarea
นั้นๆู่
ตัวอย่าง
<form id="testform">
<textarea id="textarea1">TEXT AREA</textarea>
</form>
<script type="text/javascript">
document.write(document.all.textarea1.id);
</script>
ตัวอย่างเป็นการอ้างถึงค่า id ของ textarea1
name ค่าnameของ textarea นั้นๆู่
ตัวอย่าง
<form id="testform">
<textarea id="textarea1" name="NameTextArea">TEXT
AREA</textarea>
</form>
<script type="text/javascript">
document.write(document.all.textarea1.name);
</script>
ตัวอย่างเป็นการอ้างถึงค่า name ของ textarea1
readOnly กำหนดการ readOnly
ของ textarea นั้นๆู่
ตัวอย่าง
<form id="testform">
<textarea id="textarea1" name="NameTextArea">TEXT
AREA</textarea>
</form>
<script type="text/javascript">
document.all.textarea1.readOnly="true";
</script>
ตัวอย่างเป็นการกำหนด readOnly ของ textarea1
rows กำหนดความสูงของ
textarea นั้นๆู่
ตัวอย่าง
<html>
<head>
<script type="text/javascript">
function changeSize()
{
document.all.textarea1.rows="100";
}
</script>
</head>
<body>
<form>
<textarea id="textarea1" name="NameTextArea">TEXT
AREA</textarea>
<input type="button" id="button1" onclick="changeSize()"
value="button1">
</form>
</body>
</html>
ตัวอย่างเป็นการเปลี่ยนขนาดความสูงของ textarea1 เมื่อกด button1
tabIndex ลำดับการกดแท็บ
ตัวอย่าง
<textarea id="textarea1" name="NameTextArea1">TEXT
AREA1</textarea>
<textarea id="textarea2" name="NameTextArea2">TEXT
AREA2</textarea>
<textarea id="textarea3" name="NameTextArea3">TEXT
AREA3</textarea>
<script type="text/javascript">
document.all.textarea1.tabIndex="1";
document.all.textarea2.tabIndex="2";
document.all.textarea3.tabIndex="3";
</script>
จากตัวอย่างเป็นการกำหนดลำดับการกดแท็บ
type ค่าtypeของ textarea
ตัวอย่าง
<textarea id="textarea1" name="NameTextArea1">TEXT
AREA1</textarea>
<script type="text/javascript">
document.write(document.all.textarea1.type);
</script>
จากตัวอย่างเป็นการอ้างอิงค่า type ของ textarea1
value ค่าข้อความที่แสดงใน
textarea
ตัวอย่าง
<textarea id="textarea1" name="NameTextArea1">TEXT
AREA1</textarea>
<script type="text/javascript">
document.write(document.all.textarea1.value);
</script>
จากตัวอย่างเป็นการอ้างอิงข้อความของ textarea1