Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

จำกัดความยาวข้อความ Input ด้วย CSS3 ได้ไหม?

ใน HTML สามารถจำกัดความยาว Input ได้ง่ายด้วย Attribute maxlength แต่ CSS3 ไม่สามารถจำกัดจำนวนตัวอักษร Input ได้ เนื่องจาก CSS จัดการเรื่อง "การนำเสนอ" (Presentation) ส่วนการจำกัดความยาวเป็นพฤติกรรม (Behavior) ที่ต้องทำด้วย HTML

ตัวอย่างการใช้ maxlength ใน HTML

<!DOCTYPE html>
<html>
<head>
    <title>HTML maxlength attribute</title>
</head>
<body>
    <form action="">
        Student Name<br>
        <input type="text" name="name" maxlength="20"><br><br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

สรุป: ใช้ maxlength="20" ใน Tag <input> เพื่อจำกัดได้สูงสุด 20 ตัวอักษร