How to use HTML Form
বন্ধুরা আমি আগে ফর্ম ট্যাগ নিয়ে বিস্তারিত ভাবে আলোচনা করিনি তাই আজকে আমি এই টিউটোরিয়াল টির মাধ্যমে Form ট্যাগ টি আলোচনা করবো ।
HTML ফর্ম একটি গুরুত্বপূর্ণ আলোচ্য বিষয় । বিশেষ করে ডায়নামিক ডাটাবেস নির্ভর ওয়েব সাইট র লগইন সিস্টেম ,ভোটিং সিস্টেম ,কন্টাক্ট ফর্ম সহ ইউসার ইনফরমেশন সংগ্রহ করার জন্য HTML ফর্ম ব্যবহৃত হয়ে থাকে ।একটি html ফর্ম কিছু উপাদান নিয়ে গঠিত হয়ে থাকে ।
HTML ফর্ম এ যে ট্যাগ গুলো ব্যবহার হয় সে গুলো হলো :-
<form >
ইউসার এর জন্য একটি ইনপুট ফর্ম নির্ধারণ করে ।
<input >
Form এর মধ্যে তথ্য নেওয়ার জন্য ইনপুট বাক্স তৈরি করে ।
<textarea >
অনেক লাইনের তথ্য নেওয়ার জন্য একটি বাক্স তৈরি করা হয় ।
<label >
<input > এলিমেন্ট এর জন্য একটি শিরোনাম নির্ধারণ করে ।
<fieldset >
form এলিমেন্ট কে একটি শ্রেণীতে বিভক্ত করে ।
<legend >
<fieldset > এলিমেন্ট এর জন্য একটি শিরোনাম নির্ধারণ করা হয় ।
<select >
একটি ড্রপ ডাউন লিস্ট নির্ধারণ করে ।
<option >
ড্রপ ডাউন লিস্টের একটি অপসন নির্ধারণ করে ।
<button >
একটি বাটন নির্ধারণ করে ।
<output >
ফলাফল প্রদর্শন করা হয় ।
ফর্ম এলিমেন্ট এর মধ্যে সবচেয়ে গুরুত্বপূর্ণ এলিমেন্ট হচ্ছে <input > এলিমেন্ট ।
type এট্রিবিউট এর উপর নির্ভর করে <input > এলিমেন্ট পরিবর্তিত হতে পারে ।
 |
| showtutorialbengali.blogspot.com |
একটি উদাহরণ দেওয়া হলো :-
<html>
<head><title>First web page</title></head>
<body text="#FF9999">
<p align="left">
<caption>Student table</caption>
<table border="2" cellspacing="0" cellpadding="5">
<tr align="left">
<th>Name</th>
<th>Address</th>
<th>Age</th>
</tr>
<tr>
<td bgcolor="#FF0066">Amal Das</td>
<td style="text-decoration:blink">Taki</td>
<td>50</td>
</tr>
<tr>
<td>Sudip Pal</td>
<td>Habra</td>
<td>22</td>
</tr>
</table></p>
<br><br>
<form>
Username:<br>
<input type="text" name="uname">
<br>
Password:<br>
<input type="password" name="pwd">
<br><br>
<textarea rows="5" cols="50" name="description" placeholder="enter _desc">
</textarea><br>
<input type="submit" value="submit">
<br><br>
<input type="checkbox" name="maths" value="on">Maths
<input type="checkbox" name="physics" value="on">Physics
<br><br>
<input type="radio" name="Gender" value="Male">Male
<input type="radio" name="Gender" value="Female">Female
<br><br>
<select name="dropdown">
<option value="maths" selected>Maths</option>
<option value="phy">Physics</option>
<option value="chem">Chemistry</option>
<br><br>
<input type="file" name="fileupload" accept="image/*"/>
<input type="submit" value="submit">
</form>
</body>
</html>
<head><title>First web page</title></head>
<body text="#FF9999">
<p align="left">
<caption>Student table</caption>
<table border="2" cellspacing="0" cellpadding="5">
<tr align="left">
<th>Name</th>
<th>Address</th>
<th>Age</th>
</tr>
<tr>
<td bgcolor="#FF0066">Amal Das</td>
<td style="text-decoration:blink">Taki</td>
<td>50</td>
</tr>
<tr>
<td>Sudip Pal</td>
<td>Habra</td>
<td>22</td>
</tr>
</table></p>
<br><br>
<form>
Username:<br>
<input type="text" name="uname">
<br>
Password:<br>
<input type="password" name="pwd">
<br><br>
<textarea rows="5" cols="50" name="description" placeholder="enter _desc">
</textarea><br>
<input type="submit" value="submit">
<br><br>
<input type="checkbox" name="maths" value="on">Maths
<input type="checkbox" name="physics" value="on">Physics
<br><br>
<input type="radio" name="Gender" value="Male">Male
<input type="radio" name="Gender" value="Female">Female
<br><br>
<select name="dropdown">
<option value="maths" selected>Maths</option>
<option value="phy">Physics</option>
<option value="chem">Chemistry</option>
<br><br>
<input type="file" name="fileupload" accept="image/*"/>
<input type="submit" value="submit">
</form>
</body>
</html>
Follow this example carefully.
বন্ধুরা, আজকে just এতটুকুই, তো এই ভাবেই আমরা এগিয়ে যাবো বাকি টিউটোরিয়াল গুলোর দিকে । এই ছোট্ট কন্টেন্টটি যদি আপনাদের ভালো লেগে থাকে তাহলে বন্ধুদের সাথে অবশ্যই শেয়ার করবেন, শেয়ার করলে পরে তারাও উপকৃত হবে আশা করছি ।
ধন্যবাদ !!
0 মন্তব্যসমূহ