যা জানবো...
এইচটিএমএল ফর্ম তথ্য ইনপুট নেওয়াসহ নানা রকম কাজে ব্যবহৃত হয়। বিশেষ করে স্ক্রিপ্টিং প্রোগ্রামিং ভাষার সাথে এই ফর্মের তথ্যগুলো সংযুক্ত হয়ে কাজ করে থাকে।এখানে এইচটিএমএল এর মাধ্যমে ফর্ম তৈরি , ব্যবহার এবং বাস্তব প্রজেক্ট সম্পর্কে আলোচনা করা হবে।
এইচটিএমএল ফর্ম
এইচটিএমএল ফর্ম একটি গুরুত্বপূর্ণ আলোচ্য বিষয়। বিশেষ করে ডাইনামিক এবং ডাটাবেজ নির্ভর ওয়েব সাইটের লগ ইন সিস্টেম, ভোটিং সিস্টেম, কন্টাক্ট ফর্ম সহ ইউজার ইনফরমেশন সংগ্রহ করার জন্য এইচটিএমএল ফর্ম ব্যবহৃত হয়ে থাকে। একটি এইচটিএমএল ফর্ম বেশ কিছু উপাদানের সমন্বয়ে গঠিত হয়। এগুলো হচ্ছে ,
১. টেক্সট বক্স
২. টেক্সট এরিয়া
৩. রেডিও বাটন
৪. সাবমিট বাটন
৫. চেক বক্স
৬. ড্রপডাউন লিস্ট
২. টেক্সট এরিয়া
৩. রেডিও বাটন
৪. সাবমিট বাটন
৫. চেক বক্স
৬. ড্রপডাউন লিস্ট
উদাহরণ প্রোগ্রাম
<html>
<head>
<title> www.tutohost.com</title>
</head>
<body bgcolor=" #000">
<center>
<font face="SolaimanLipi" color="#fe0321" size="6">
আপনার তথ্য দিয়ে সাহায্য করুন।
</font>
< /br>
< /br>
<form name="information" method="post" action="information.php">
<font face="SolaimanLipi" color="#fe0321" size="4">
নাম:
</font>
<input type="text" value="আপনার নাম লিখুন" name="name"><br /><br />
<font face="SolaimanLipi" color="#fe0321" size="4">
পিতার নাম:
</font>
<input type="text" value="আপনার পিতার নাম লিখুন" name="name">
<br /><br />
<font face ="SolaimanLipi" color="#fe0321" size="4">
ঠিকানা:
</font>
<textarea rows="3" cols="20"></textarea>
<br />
<font face="SolaimanLipi" color="#fe0321" size="4">
আপনি কি পুরুষ:
</font>
<input type="radio" value="male" name="gender">
<br />
<font face="SolaimanLipi" color="#fe0321" size="4">
আপনি কি মহিলা:
</font>
<input type="radio" value="female" name="gender">
<br />
<font face="SolaimanLipi" color="#fe0321" size="4">
আপনি যে শহরে থাকেন:
</font>
<select name="district">
<option> কুস্টিয়া </option>
<option> ঢাকা</option>
<option>খুলনা</option>
<option>সিলেট</option>
<option>ভেড়ামারা</option>
<option>যশোর</option>
</select>
<br />
<br />
<font face="SolaimanLipi" color="#fe0321" size="4">
শিক্ষাগত যোগ্যতা:
</font>
<br />
<input type="checkbox" value="checkbox1" name="checkbox">
<font face="SolaimanLipi" color="#fe0321" size="4">
এস.এস.সি
</font>
<br />
<input type="checkbox" value="checkbox" name="checkbox">
<font face="SolaimanLipi" color="#fe0321" size="4">
এইস.এস.সি
</font>
<br />
<br />
<input type="submit" name="submit" value="জমা করুন">
<br />
<br />
<input type="reset" value="মুছে ফেলুন" name="clear">
</form>
</center>
</body>
</html>
<head>
<title> www.tutohost.com</title>
</head>
<body bgcolor=" #000">
<center>
<font face="SolaimanLipi" color="#fe0321" size="6">
আপনার তথ্য দিয়ে সাহায্য করুন।
</font>
< /br>
< /br>
<form name="information" method="post" action="information.php">
<font face="SolaimanLipi" color="#fe0321" size="4">
নাম:
</font>
<input type="text" value="আপনার নাম লিখুন" name="name"><br /><br />
<font face="SolaimanLipi" color="#fe0321" size="4">
পিতার নাম:
</font>
<input type="text" value="আপনার পিতার নাম লিখুন" name="name">
<br /><br />
<font face ="SolaimanLipi" color="#fe0321" size="4">
ঠিকানা:
</font>
<textarea rows="3" cols="20"></textarea>
<br />
<font face="SolaimanLipi" color="#fe0321" size="4">
আপনি কি পুরুষ:
</font>
<input type="radio" value="male" name="gender">
<br />
<font face="SolaimanLipi" color="#fe0321" size="4">
আপনি কি মহিলা:
</font>
<input type="radio" value="female" name="gender">
<br />
<font face="SolaimanLipi" color="#fe0321" size="4">
আপনি যে শহরে থাকেন:
</font>
<select name="district">
<option> কুস্টিয়া </option>
<option> ঢাকা</option>
<option>খুলনা</option>
<option>সিলেট</option>
<option>ভেড়ামারা</option>
<option>যশোর</option>
</select>
<br />
<br />
<font face="SolaimanLipi" color="#fe0321" size="4">
শিক্ষাগত যোগ্যতা:
</font>
<br />
<input type="checkbox" value="checkbox1" name="checkbox">
<font face="SolaimanLipi" color="#fe0321" size="4">
এস.এস.সি
</font>
<br />
<input type="checkbox" value="checkbox" name="checkbox">
<font face="SolaimanLipi" color="#fe0321" size="4">
এইস.এস.সি
</font>
<br />
<br />
<input type="submit" name="submit" value="জমা করুন">
<br />
<br />
<input type="reset" value="মুছে ফেলুন" name="clear">
</form>
</center>
</body>
</html>
একটা নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে
।
।
0 comments: