ADs by Techtunes ADs
ADs by Techtunes ADs

HTML হাতেখড়ি [পর্ব- ৬] এইচ.টি.এম.এল ফর্মের উপাদান (HTML Forms Element)

এটি একটি ধারাবাহিক টিউন। পড়ুন, সব গুলো পর্ব

ADs by Techtunes ADs

আজ আমরা HTML Forms এর উপাদান তৈরি করা শিখব। প্রথমেই আমাদের জানতে হবে একটা Form এ কি কি জিনিস থাকতে পারে। একটা Form যা থাকতে পারে তা নিম্নরূপ:

  • Text Field – এখানে ব্যবহারকারীর নাম, বয়স অথবা অন্য কোন তথ্য লেখা হয়।
  • Password Field – এখানে ব্যবহারকারীর পাসওয়ার্ড লেখা হয়।
  • Radio Button – গোলাকৃতির টিক বাটন।
  • Check Box – বর্গাকার টিক বাট।
  • Dropdown List – ইনফরমেশন লিস্ট।
  • Text Area – বড় কোন ইনফরমেশন লেখার জায়গা।
  • Button – বাটন।
  • Submit Button – ইনফরমেশন সেন্ড করার বাটন।

এখন এইগুলো কিভাবে দ্বারা তৈরি করতে হয় আমরা তা শিখব।

Text Field:

টেক্সট ফিল্ড তৈরি করার জন্য নিচের কোডটি টাইপ করুন।

<form>
নাম: <input type="text" name="name" /><br />
পেশা: <input type="text" name="profession" />
</form>
এখানে আমরা Text Field তৈরি করেছি বলে input type এ text দিয়েছি।

Password Field:

পাসওয়ার্ড ফিল্ড তৈরি করার জন্য নিচের কোডটি টাইপ করুন।

<form>
গোপন সংখ্যা: <input type="password" name="pwd" />
</form>

এখানে আমরা Password Field তৈরি করেছি বলে input type এ password  দিয়েছি।

Radio Button:

Radio Button তৈরি করার জন্য নিচের কোডটি টাইপ করুন।

ADs by Techtunes ADs

<form>
<input type="radio" name="sex" value="male" /> পুরুষ<br />
<input type="radio" name="sex" value="female" /> নারী
</form>

এখানে আমরা Radio Button তৈরি করেছি বলে input type এ radio  দিয়েছি।

Check Box:

Check Box তৈরি করার জন্য নিচের কোডটি টাইপ করুন।

<form>
<input type="checkbox " name="sex" value="male" /> পুরুষ<br />
<input type="checkbox" name="sex" value="female" /> নারী
</form>

এখানে আমরা Check Box তৈরি করেছি বলে input type এ  checkbox  দিয়েছি।

Dropdown List:

Dropdown List তৈরি করার জন্য নিচের কোডটি টাইপ করুন।

<form action="">

<p>কে বাড়ি যাবে???</p>

<select name="go_home">

<option value="i"> আমি </option>

ADs by Techtunes ADs

<option value="you">তুমি</option>

<option value="he_she">সে</option>

</select>

</form>

Text Area:

Text Area তৈরি করার জন্য নিচের কোডটি টাইপ করুন।

<textarea rows="10" cols="30">

এখানে ‍তুমি তোমার ভালবাসার কথা লিখ।

</textarea>

Button:

Button তৈরি করার জন্য নিচের কোডটি টাইপ করুন।

<form action="">
<input type="button" value="চাপ দাও">
</form>

ADs by Techtunes ADs

এখানে আমরা Button তৈরি করেছি বলে input type এ button দিয়েছি।

Submit Button:

Submit Button তৈরি করার জন্য নিচের কোডটি টাইপ করুন।

<form name="input" action=" " method=" ">
<input type="submit" value="Submit" />
</form>

এখানে আমরা Submit Button তৈরি করেছি বলে input type=" submit " দিয়েছি।

ADs by Techtunes ADs
Level New

আমি মোহাম্মদ রকিবুল হায়দার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 77 টি টিউন ও 206 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

www.downloadzone3.tk


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

প্রিয়তে রাখলাম।

অসংখ্য ধন্যবাদ, আশা করি সিরিজটা চালু রাখবেন।

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

সাবমিট করলে Data গুলা সার্ভার এ যাবার জন্য কী কোনও File তৈরি হবে না।?

    ডাটা সার্ভারে সাবমিট করার জন্য আপনাকে সার্ভার সাইড স্ক্রিপ্টিং ল্যাঙ্গুয়েজ ব্যবহার করতে হবে। যেমন: পি.এইচ.পি।

জটিল মনে হয় নাই কিন্তু অনেক কষ্টের আর পরিকল্পনার প্রয়োজন তাই মনে হচ্ছে।
আপনাকে অনেক ধন্যবাদ। আপনার কষ্ট করা আমায় কিছুতো শেখলো। জানতে ভাল লাগে

ট্রেনিং কি শেষ।

Level 0

brother, new tune kabe pabo

Level 0

ওনেক সুনদর হোয়েছে ভাইআ ।

রকিবুল ভাই আপনি অসম্ভব ভালো লীখেছেণ। আমরা নেক্সট টিউন কবে পাচ্ছি ???

Text Field:
এই Age দিলে কি input type Number দিতে হবে।
Age:<input type="num" name="age"/></br>

পরবর্তী টিউন কবে পাব ।
বাংলা ই বুক থাকলে লিঙ্ক শেয়ার করেন।
ভাল থাকবেন।

ভাই আপনি তো অপেক্ষায় রাখেন বহুদিন । এটা কি ঠিক? ১ টা কোর্স শিখাতে যদি ৬ মাস লাগান দুঃখজনক । আপনাকে এসব বলছি কারন আপনার মত এত ভাল বোঝার মত টিউটোরিয়াল পাই নাই । আপনার কাছে expectation আমাদের অনেক বেশি । ভাই জলদি টিউটোরিয়ালগুলো শেষ করার অনুরোধ রইল ।

Level New

তিনি কি আমাদের সবাইকে ধোঁকা দিলেন!!!!!!!!!!!!!!!!!!!!!!!!!!!!??????????????????????

আসসালামুআলাইকুম। অনেক কষ্ট করেছেন ভাই। ধন্যবাদ আপনাকে।

ভাই কি শেষ??
আর কি পর্ব পাবোনা? 🙁

সব ফাপরবাজ। প্রথম টিউনে বলছিলেন কেউ কোন টিউন শেষ করেনা এইটা খুব দুঃখজনক,আপনি শেষ করবেন। কই আপনার শেষ করা? তাল গাছে উঠাই দিয়া এখন মই সরাইয়া নেয়াটা কি ঠিক হলও?

Level 0

ভাই আমি আজ থেকে html and css শেখা শুরু করলাম ।
আপনার tune and w3school থেকে start করলাম।
দোয়া করবেন যেন সফল হতে পারি।
html and css শেষ করলে কি freelance করতে পারবো
কত দিন লাকতে পারে।

Level 0

Vy apne koba firban???????????????????????????????????????

@রাকিবুল আপনার টিউন দেখে আমি ও HTML শিখা শুরু করলাম। পর্ব ৭ এর অপেক্কায় আছি। আমার ভাল লেগেছে প্রশ্ন এবং উত্তর এর সিস্টেম টা দেখে তাই সহযে শিখতে পারতেছি। আশা করি এই ভাবে চালিয়ে যাবেন। টিউন করার জন্য আপনা কে ধন্যবাদ।@