HTML Form/ফর্ম ট্যাগের ব্যবহার
শুক্রবার, ১৯ জুলাই, ২০১৯
Comment
এইচটিএমএল ফর্ম একটি গুরুত্বপূর্ণ আলোচ্য বিষয়। বিশেষ করে ডাইনামিক এবং ডাটাবেজ নির্ভর ওয়েব সাইটের লগ ইন সিস্টেম, ভোটিং সিস্টেম, কন্টাক্ট ফর্ম সহ ইউজার ইনফরমেশন সংগ্রহ করার জন্য এইচটিএমএল ফর্ম ব্যবহৃত হয়ে থাকে। একটি এইচটিএমএল ফর্ম বেশ কিছু উপাদানের সমন্বয়ে গঠিত হয়।
এইচটিএমএল ফর্ম এলিমেন্ট
এইচটিএমএল ফর্মে নিম্নের ট্যাগ গুলো রয়েছেঃ
ট্যাগবর্ণনা
<form>ব্যবহারকারীর জন্য একটি ইনপুট ফর্ম ডিফাইন করে
<input>ফর্মের মধ্যে তথ্য নেওয়ার জন্য ইনপুট বক্স তৈরি করে
<textara>একাধিক লাইনের তথ্য নেওয়ার একটি বক্স তৈরি করা হয়
<label><input> এলিমেন্টের জন্য একটি শিরোনাম ডিফাইন করা হয়
<fieldset>ফর্ম এলিমেন্টকে একটি শ্রেনীতে বিভক্ত করে
<legend><fieldset> এলিমেন্টের জন্য একটি শিরোনাম ডিফাইন করা হয়
<select>একটি ড্রপ-ডাউন লিস্ট ( drop-down list) সংজ্ঞায়িত করা হয়
<optgroup>এর মাধ্যমে একটি ড্রপ-ডাউন লিস্টকে বিভিন্ন শ্রেনীতে বিভক্ত করা হয়
<option>ড্রপ-ডাউন লিস্টের একটি অপশন ডিফাইন করে
<button>একটি বাটন ডিফাইন করে
<datalist>একটি ইনপুটের জন্য পূর্ব নির্ধারিত অপশনের লিস্ট তৈরি করে
<keygen>ফর্মের জন্য পাবলিক এবং প্রাইভেট কী উৎপন্ন করে
<output>ফলাফল প্রদর্শন করা হয়
ফর্ম <input> এলিমেন্ট
ফর্ম এলিমেন্টের মধ্যে সবচেয়ে গুরুত্বপূর্ণ এলিমেন্ট হচ্ছে <input> এলিমেন্ট।
type এট্রিবিউটের উপর নির্ভর করে <input> এলিমেন্ট পরিবর্তিত হতে পারে।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল ফর্ম উদাহরণ</title>
</head>
<body>
<form method="post" action="action_page.php">
নামঃ <input type="text" name="name" value="তামজীদ হাসান"><br>
ই-মেইলঃ <input type="email" name="email" value="tamjid@example.com"><br>
এইচটিএমএল পছন্দঃ <input type="radio" name="like" value="হ্যা" checked > হ্যা
<input type="radio" name="like" value="না"> না <br>
<input type="submit" value="সাবমিট">
</form>
</body>
</html>
ইনপুট type:password
ইনপুট ফিল্ডকে পাসওয়ার্ডের জন্য ব্যবহার করতে <input type="password"> ডিফাইন করা হয়ঃ
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<form action="action_page.php" method="post">
ব্যবহারকারীর নামঃ
<input type="text" name="username"><br>
ব্যবহারকারীর পাসওয়ার্ডঃ
<input type="password" name="password"><br>
<input type="submit" value="সাবমিট">
</form>
</body>
</html>
ইনপুট type:email
ইনপুট ফিল্ডে ভ্যালু হিসেবে ই-মেইল পাওয়ার জন্য <input type="email"> ডিফাইন করতে হয়ঃ
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>type:email ইনপুট</title>
</head>
<body>
<form action="action_page.php" method="post">
ই-মেইলঃ <input type="email" name="email">
<input type="submit" value="সাবমিট">
</form>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
☞ এই পোষ্ট সম্পর্কে যদি আপনার কোন প্রশ্ন☞জিজ্ঞাসা☞সমস্যা☞তথ্য জানার থাকে তাহলে আপনি☞কমেন্ট করলে আপনাকে আমরা প্রয়োজনীয় তথ্য দিয়ে সাহায্য করার চেষ্টা করব☞☞☞ "HTML Form/ফর্ম ট্যাগের ব্যবহার"
একটি মন্তব্য পোস্ট করুন