কম্পিউটার টিউটোরিয়াল

HTML DOM ইনপুট টেক্সট name প্রপার্টি


ভূমিকা

HTML DOM ইনপুট টেক্সট name প্রপার্টি ব্যবহার করা হয় একটি ইনপুট টেক্সট ফিল্ডের name এট্রিবিউট সেট বা রিটার্ন করার জন্য। name এট্রিবিউট ফর্ম ডেটা সার্ভারে সাবমিট হওয়ার পর সেটি শনাক্ত করতে সাহায্য করে।

সিনট্যাক্স

name প্রপার্টি সেট করার সিনট্যাক্স:

textObject.name = name

এখানে, name টেক্সট ফিল্ডের নাম নির্দিষ্ট করতে ব্যবহৃত হয়।

উদাহরণ

নিচে টেক্সট name প্রপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <body> <h1>Input Text name Property</h1> USERNAME: <input type="text" id="USR" name="user_name"> <p>নিচের বাটনে ক্লিক করে টেক্সট ফিল্ডের নাম পরিবর্তন করুন</p> <button onclick="changeName()">CHANGE NAME</button> <p id="Sample"></p> <script>    function changeName() {       document.getElementById("USR").name ="NEW_USER" ;       document.getElementById("Sample").innerHTML = "Text field name is now NEW_USER";    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুটটি তৈরি করবে। যেহেতু আমরা maxLength 5 সেট করেছি শুধু ৫ ক্যারেক্টার দেয়া যাবে:

HTML DOM ইনপুট টেক্সট name প্রপার্টি

CHANGE NAME বাটনে ক্লিক করার পর:

HTML DOM ইনপুট টেক্সট name প্রপার্টি

  1. HTML DOM Input Search name প্রোপার্টি

  2. HTML DOM ইনপুট টেক্সট disabled প্রপার্টি

  3. HTML DOM ইনপুট টেক্সট autofocus প্রপার্টি

  4. HTML DOM ইনপুট টেক্সট autocomplete প্রপার্টি