คุณสมบัติแบบฟอร์ม HTML DOM Input Text ใช้สำหรับส่งคืนการอ้างอิงแบบฟอร์มที่มีฟิลด์ข้อความอินพุต หากช่องป้อนข้อความอยู่นอกแบบฟอร์ม ก็จะคืนค่าเป็น NULL คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว
ไวยากรณ์
ต่อไปนี้เป็นรูปแบบไวยากรณ์สำหรับคุณสมบัติรูปแบบข้อความที่ป้อน
textObject.form
ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติรูปแบบข้อความอินพุต -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text form Property</h1>
<form id="NEW_FORM">
USERNAME: <input type="text" id="TEXT1">
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
function formId() {
var P=document.getElementById("TEXT1").form.id;
document.getElementById("Sample").innerHTML = "The id of the form containing the text field is: "+P ;
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่ม GET FORM -
