[Serial Tutorial-4] আমি হব প্রোগ্রামার । (HTML ফর্ম তৈরি ও ফ্রি হোস্টিং )

প্রোগ্রামিং সিরিয়াল টিউটোরিয়ালে আবারো স্বাগতম । এতদিন পরিক্ষা ছিল তাই সময় দিতে পারিনি বলে দুঃখিত । আজকের টপিক HTML ফর্ম নিয়ে । কিভাবে অনলাইন পোল / সার্ভে বা যে কোন কাজের জন্য একটি HTML ফর্ম তৈরি করবেন তা এখানে উপস্থাপন করা হবে ।



অনলাইনে এপ্লাই করার প্রথম শর্ত হচ্ছে একটি ডেটা বেস থাকা লাগবে যেখানে আপনি ফর্ম ও এর যাবতিয় তথ্য জমা রাখতে পারবেন । আজ আপনাদের প্র্যাকটিসের জন্য আমাদের ফ্রি হোষ্টিং সাইটের সাথে পরিচয় করিয়ে দেব । যেখানে আপনি সকল ধরনের প্রোগ্রামিং কাজ সম্পন্ন সহ ফ্রি সাব ডোমেইন সহ ফ্রি ওয়েব সাইট খুলতে পারবেন । এখানে দেখুন । 

আরো দেখুনঃ


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

১. টেক্সট বক্স
২. টেক্সট এরিয়া
৩. রেডিও বাটন
৪. সাবমিট বাটন
৫. চেক বক্স
৬. ড্রপডাউন লিস্ট


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

<html>
<head>
<title> www.Amraito.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>

Output দেখতেঃ

একটি নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করুন, আপনি web browser-এ preview দেখতে পাবেন ।
Previous
Next Post »