CSS3 ব্যবহার করে ইনপুট টেক্সটের দৈর্ঘ্য সীমিত করা

ওভারভিউ

HTML-এ, আপনি সহজেই ইনপুট দৈর্ঘ্য সীমিত করতে পারেন। কিন্তু CSS3-এ, এটি সম্ভব নয়, কারণ CSS ইনপুট ক্যারেক্টার সংখ্যা সীমিত করতে ব্যবহার করা যাবে না। এটি একটি ফাংশনাল রেস্ট্রিকশন সৃষ্টি করবে।

CSS প্রেজেন্টেশন সাথে কাজ করে অর্থাৎ আপনার ওয়েব পেজ কীভাবে দেখাবে। এটি 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>