HTMLBeginner
HTML Forms (ফর্ম)
form, input, label, button, select, textarea — ব্যবহারকারীর কাছ থেকে ডেটা নেওয়ার পূর্ণাঙ্গ বাংলা টিউটোরিয়াল।
11টি অংশবাংলা ভাষায়
ব্যবহারকারীর কাছ থেকে ডেটা সংগ্রহ করার জন্য <form> ব্যবহার হয়। ফর্মের ভেতরে থাকে বিভিন্ন input, বোতাম এবং লেবেল।
সাধারণ ফর্ম
<form action="/register" method="post">
<label for="name">নাম:</label>
<input type="text" id="name" name="name" required />
<button type="submit">রেজিস্টার</button>
</form>input-এর কিছু ধরন
| type | কাজ |
|---|---|
| text | সাধারণ টেক্সট |
| ইমেইল ঠিকানা | |
| password | পাসওয়ার্ড |
| number | সংখ্যা |
| tel | ফোন নম্বর |
| date | তারিখ |
| checkbox | চেক বক্স |
| radio | একটি বাছাই |
| file | ফাইল আপলোড |
label কেন গুরুত্বপূর্ণ
<label>-এর for অ্যাট্রিবিউট input-এর id-এর সাথে মিললে লেবেলে ক্লিক করলে input active হয় — এটি accessibility ও ব্যবহার-সৌন্দর্য বাড়ায়।
select ও textarea
ড্রপডাউন ও বড় টেক্সটhtml
html
<label for="city">শহর:</label>
<select id="city" name="city">
<option value="dhaka">ঢাকা</option>
<option value="ctg">চট্টগ্রাম</option>
</select>
<label for="msg">বার্তা:</label>
<textarea id="msg" name="msg" rows="4"></textarea>Built-in ভ্যালিডেশন
required, minlength, pattern ইত্যাদি দিলে ব্রাউজার নিজেই ডেটা যাচাই করে — অতিরিক্ত JavaScript ছাড়াই।
action ও method মনে রাখুন
action-এ ডেটা কোথায় যাবে, method-এ কীভাবে যাবে (GET / POST) তা দেওয়া হয়। সংবেদনশীল ডেটার জন্য সবসময় POST ব্যবহার করুন।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।