คุณสมบัติ maxLength ของ HTML DOM Input Text ใช้สำหรับตั้งค่าหรือส่งคืนแอตทริบิวต์ maxlength ของช่องข้อความ input คุณสมบัติ maxLength ระบุจำนวนตัวอักษรสูงสุดที่สามารถพิมพ์ในช่องข้อความได้
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ maxLength:
textObject.maxLength = integer
ที่นี่ integer ระบุจำนวนตัวอักษรสูงสุดที่สามารถพิมพ์ในช่องข้อความได้
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ maxLength:
<!DOCTYPE html> <html> <body> <h1>Input Text maxLength Property</h1> USERNAME: <input type="text" id="USR" maxLength="5"> <p>เพิ่มจำนวนตัวอักษรสูงสุดสำหรับช่องด้านบนโดยคลิกปุ่มด้านล่าง</p> <button onclick="changeMax()">CHANGE LENGTH</button> <p id="Sample"></p> <script> function changeMax() { document.getElementById("USR").maxLength = "15"; document.getElementById("Sample").innerHTML = "Maximum number of characters are now increased to 15"; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้ อนุญาตแค่ 5 ตัวอักษรเพราะเราตั้ง maxLength 5:
เมื่อคลิกปุ่ม CHANGE LENGTH:
