এইচটিএমএল টেক্সক্ট ফিল্ড (HTML Text Field Tutorial in Bangla)

 



টেক্সট ফিল্ড একটা ফর্ম এলিমেন্টে তাই এখানে যত উদাহরন দেব সব <form></form> এর ভিতর রাখতে হবে।

টেক্সক্ট ফিল্ড আগের টিউোটোরিয়ালটিতে দেখালাম। খুব সহজ

1.<input type="text" name="address"/>

প্রদর্শন:

type এবং name এট্রিবিউট নিয়ে আগের টিউটোরিয়ালেই আছে। এখানে আরও নতুন কিছু গুরত্বপূর্ন এট্রিবিউট নিয়ে আলোচনা করি।


** পাসওয়ার্ড ফিল্ড তৈরীতে শুধু type="password" দিলেই হয়ে গেল।


maxlength এট্রিবিউট দিয়ে ফিল্ডে সর্বোচ্চ কতটি অক্ষর লিখতে পারবে সেটা নির্দিষ্ট করে দেয়া যায়। যেমন:

1.<input type="text" name="address" maxlength="50"/>

প্রদর্শন

৫০টির বেশি character টাইপ করে দেখুন পারবেন না।


value এবং size

value এর মান যেটা দিবেন সেটা ফিল্ডের ভিতর দেখাবে। এডিট ফর্ম তৈরীর জন্য এটা লাগে। আর size দিয়ে দৈর্ঘ্য কত হবে সেটা ঠিক করা যায়। যেমন

1.<input type="text" name="address" maxlength="50" value="Mirpur, Dhaka" size="30"/>

প্রদর্শন


এইচটিএমএল ৫ এ placeholder নামে একটা নতুন এট্রিবিউট এসছে যেটা দিয়ে ফিল্ডে কি ধরনের তথ্য দিতে হবে এ সংক্রান্ত কিছু লিখে দিতে পারেন ফলে সেটা ইউজার দেখলে বুঝতে সুবিধা হবে।

1.<input type="text" name="address" maxlength="50" placeholder="Type Address" size="30"/>

প্রদর্শন

টাইপ করা শুরু করুন সাথে সাথে "Type Address" লেখাটি অদৃশ্য হয়ে যাবে।


required, disabled, readonly এগুলি পরের টিউটোরিয়ালে আলোচনা আছে, এখানেও একি কাজ।


Post a Comment

Cookie Consent
Little Blog serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the data/wifi internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.