Digitaloy - HTML form এলিমেন্ট HTML ফর্ম


HTML ফর্ম

HTML ফর্ম


এইচটিএমএল ফর্ম একটি গুরুত্বপূর্ণ আলোচ্য বিষয়। বিশেষ করে ডাইনামিক এবং ডাটাবেজ নির্ভর ওয়েব সাইটের লগ ইন সিস্টেম, ভোটিং সিস্টেম, কন্টাক্ট ফর্ম সহ ইউজার ইনফরমেশন সংগ্রহ করার জন্য এইচটিএমএল ফর্ম ব্যবহৃত হয়ে থাকে।



একটি এইচটিএমএল ফর্ম বেশ কিছু উপাদানের সমন্বয়ে গঠিত হয়। এগুলো হচ্ছে ,

১.টেক্সট বক্স

২.টেক্সট এরিয়া

৩. রেডিও বাটন

৪.সাবমিট বাটন

৫. চেক বক্স

৬. ড্রপডাউন লিস্ট


উদাহরণ প্রোগ্রাম

<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">

পিতার নাম:
<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করলে নিচে প্রদর্শিত ছবির মত দেখাবে।

আপনার যদি কোন প্রশ্ন থাকে তবে একটি মন্তব্য পেস্ট করুন আমি যত তাড়াতাড়ি সম্ভব উত্তর দেব। এই আর্টিকেলটি পড়ার জন্য আপনাকে অনেক ধন্যবাদ। অনুগ্রহ করে আপনার মতামত দিন এবং এটি আপনার বন্ধুদের এবং পরিবারের সাথে শেয়ার করুন। এই ওয়েবসাইটটি কোনও অবৈধ সামগ্রী প্রচার করে না, কোনও ধরণের অবৈধ কার্যকলাপকে উৎসাহ দেয় না। এই ওয়েবসাইটটি দরাবরাহিত সমস্ত আর্টিকেল কেবল মাত্র শিক্ষামূলক উদ্দেশ্যে করা হয়েছে।