Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

จะจำกัดจำนวนอักขระที่อนุญาตในช่องข้อความป้อนแบบฟอร์มได้อย่างไร


แท็ก HTML ใช้สำหรับรับอินพุตของผู้ใช้ใน HTML หากต้องการกำหนดขีดจำกัดให้กับช่องป้อนข้อมูล ให้ใช้แอตทริบิวต์ min และ max ซึ่งระบุค่าสูงสุดและต่ำสุดสำหรับช่องป้อนข้อมูลตามลำดับ

ในการจำกัดจำนวนอักขระ ให้ใช้ ความยาวสูงสุด คุณลักษณะ. แอตทริบิวต์สูงสุดและต่ำสุดใช้กับประเภทการป้อนข้อมูลตัวเลข ช่วง วันที่ เวลา วันที่และเวลาท้องถิ่น เดือน เวลา และสัปดาห์

จะจำกัดจำนวนอักขระที่อนุญาตในช่องข้อความป้อนแบบฟอร์มได้อย่างไร

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจำกัดจำนวนอักขระที่อนุญาตในช่องข้อความสำหรับป้อนแบบฟอร์ม:

<!DOCTYPE html>
<html>
   <head>
      <title>HTML maxlength attribute</title>
   </head>
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         Student Name:
         <br>
         <input type = "text" name = "first_name" value = "" maxlength = "40" />
         <br>
         Student Subject: <br>
         <input type = "text" name = "last_name" value = "" maxlength = "30" />
         <br>
         <input type = "submit" value ="Submit" />
      </form>
   </body>
</html>