ออบเจ็กต์ข้อความอินพุต HTML DOM เชื่อมโยงกับองค์ประกอบ ที่มีประเภท "ข้อความ" เราสามารถสร้างและเข้าถึงองค์ประกอบอินพุตด้วยข้อความประเภทโดยใช้เมธอด createElement() และ getElementById() ตามลำดับ
คุณสมบัติ
ต่อไปนี้เป็นคุณสมบัติของวัตถุข้อความ -
| คุณสมบัติ | คำอธิบาย |
|---|---|
| เติมข้อความอัตโนมัติ | การตั้งค่าหรือคืนค่าแอตทริบิวต์เติมข้อความอัตโนมัติของช่องข้อความ |
| ออโต้โฟกัส | การตั้งค่าหรือย้อนกลับหากช่องข้อความควรได้รับการโฟกัสโดยอัตโนมัติเมื่อหน้าเว็บโหลด |
| ค่าเริ่มต้น | การตั้งค่าหรือส่งคืนค่าเริ่มต้นของฟิลด์ข้อความ |
| ปิดการใช้งาน | การตั้งค่าหรือส่งคืนว่าฟิลด์ข้อความถูกปิดใช้งานหรือไม่ |
| แบบฟอร์ม | การคืนค่าการอ้างอิงของแบบฟอร์มที่มีฟิลด์ข้อความ |
| ความยาวสูงสุด | การตั้งค่าหรือคืนค่าแอตทริบิวต์ความยาวสูงสุดของช่องข้อความ |
| ชื่อ | การตั้งค่าหรือคืนค่าแอตทริบิวต์ชื่อของช่องข้อความ |
| รูปแบบ | การตั้งค่าหรือส่งคืนค่าแอตทริบิวต์รูปแบบของช่องข้อความ |
| ตัวยึดตำแหน่ง | การตั้งค่าหรือคืนค่าแอตทริบิวต์ตัวยึดตำแหน่งของช่องข้อความ |
| อ่านอย่างเดียว | การตั้งค่าหรือส่งคืนว่าฟิลด์ข้อความเป็นแบบอ่านอย่างเดียวหรือไม่ |
| จำเป็น | การตั้งค่าหรือส่งคืนหากจำเป็นต้องกรอกข้อมูลในช่องข้อความก่อนส่งแบบฟอร์มหรือไม่ |
| ขนาด | การตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ขนาดของช่องข้อความ |
| พิมพ์ | เป็นคุณสมบัติแบบอ่านอย่างเดียวที่ส่งคืนประเภทขององค์ประกอบแบบฟอร์มที่มีช่องข้อความ |
| ค่า | การตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ของช่องข้อความ |
| รายการ | การคืนค่าการอ้างอิงไปยังรายการข้อมูลที่มีฟิลด์ข้อความ |
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การสร้างวัตถุข้อความอินพุต -
var P = document.createElement("INPUT");
P.setAttribute("type", "text"); ตัวอย่าง
ให้เราดูตัวอย่างของวัตถุข้อความที่ป้อน −
<!DOCTYPE html>
<html>
<head>
<script>
function createText() {
var P = document.createElement("INPUT");
P.setAttribute("type", "text");
document.body.appendChild(P);
}
</script>
</head>
<body>
<h1>Text object example</h1>
<p>Create an input field with type text by clicking the below button</p>
<button onclick="createText()">CREATE</button>
<br><br>
USERNAME:
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มสร้าง -
