আমি আজকে আলোচনা করব html -এর Form নিয়ে ।এটি অত্যান্ত গুরুত্বপূ্র্ণ
বিষয় কেননা পিএইচপি -তে এটি বেশী ব্যবহৃত হয় ।একেও ক্ষেত্র বিশেষে
সার্ভার সাইট স্কীপটিং বলা হয়ে থাকে । আমার আগের পোস্ট গুলো না দেখে থাকলে
নিচে লিংক দেওয়া আছে ওখান থেকে দেখে নেবেন ।
Form:-
Form- ট্যাগটির সাহায্যে পেজ থেকে কোন প্রকার ডেটা সরাসরি ডেটাবেসে
প্রবেশ করান যায় । Form-টি অনেক গুলি Attributes -এর সাহায্য নিয়ে কাজ
করে । form-এর প্রাথমিক গঠন হল <form>………</form> -এরকম ।এই
ট্যাগটির দুটি গুরুত্বপূর্ণ Attribute হল method,action ।এছাড়াও কত গুলি
ট্যাগ ফ্রম ট্যাগের অধীনে কাজ করে । নিচের ছকে কত গুলি উদাহরণ দেখান হল ।
| Attributes-এর নাম |
মান |
কাজ |
| input |
নির্দিষ্ট নয় |
নির্দিষ্ট নয় |
| type |
text |
পেজে লেখার স্হান তৈরী করা |
| textarea |
name,rows,cols |
পেজে লেখার স্হান তৈরী করা |
| type |
submit |
পেজে বটন তৈরী করে |
| type |
radio |
ঠিক চিহ্ন দেবার বাক্স তৈরী করে |
| type |
password |
পাসওয়ার্ড দেবার বাক্স তৈরী করে |
| type |
checkbox |
নির্বাচন-বাক্স তৈরী করে |
| type |
file |
আপলোড বাক্স তৈরী করে |
| select |
option |
ক্রম অনুযায়ী নির্বাচন-বাক্স তৈরী করে |
| type |
reset |
ডেটা পুনরায় নতুন করে দেবার জন্য |
১.Text field:-
পেজে কোন লেখার স্হান তেরী করতে এটি ব্যবহার করা হয় । ঠিক যেমন টা আপনি নিচে মন্তব্য বাক্সে দেখতে পারছেন । এর প্রাথমিক গঠন
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form>
<input type="text">
</form>
|
 |
text field-এর মধ্যে অনেক গুলি Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে দেখান হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form method="post" action="mailto:kaktadua@tunerpage.com">
নাম: <input type="text" size="10" maxlength="40" name="name" id="name">
</form>
|
 |
২.Multi-line text:-
এক্ষেত্রে ব্যবহার করা হয় textarea ট্যাগটি ।এর মধ্যে অনেক গুলি
Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে দেখান হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<textarea name="suggestions" rows="5" cols="25">আপনার মতামত</textarea>
|
|
৩.Submit field:-
পেজে বটন তৈরী করার জন্য এটি ব্যবহার করা হয় ।এর মধ্যে অনেক গুলি
Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে দেখান হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form method="post" action="anyphpfile.php">
<input type="submit" value="submit" id="প্রদান"/>
</form>
|
 |
৪.Radio field:-
পেজে ঠিক চিহ্ন দেবার বাক্স তৈরী করার জন্য এটি ব্যবহার করা হয় ।এর মধ্যে
অনেক গুলি Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে
দেখান হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form method="post" action="anyphpfile.php">
আমার টিউন গুলি আপনাদের কেমন লাগল ?
<p><input type="radio" name="rating" value="excellent">ব্যপক !!! <br/>
<input type="radio" name="rating" value="good">ভাল <br/>
<input type="radio" name="rating" value="bad">ভাল না <br/>
<input type="radio" name="rating" value="verybad">খুব খারাপ <br/>
</p>
</form>
|
 |
৫.Password field:-
পেজে পাসওয়ার্ড দেবার বাক্স তৈরী করার জন্য এটি ব্যবহার করা হয় ।এর মধ্যে
অনেক গুলি Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে
দেখান হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form>
গোপন সংখ্যা : <input type="password" name="pwd" maxlength="8" />
</form>
|
 |
৬.Checkbox field:-
পেজে নির্বাচন-বাক্স তৈরী করার জন্য এটি ব্যবহার করা হয় ।এর মধ্যে অনেক
গুলি Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে দেখান
হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form method="post" action="anyphpfile.php">
আপনার কি আমার সাহায্য প্রয়োজন ?
<input type="checkbox" name="sendmail" value="send"
checked="checked" />হ্যা ,আমার সাহায্য প্রয়োজন </br>
<input type="checkbox" name="sendmail"
value="dontsend" /> না,আমার সাহায্য প্রয়োজন নেই</br>
<input type="checkbox" name="nxttime" />পরে দেখা যাবে
</form>
|
 |
৭.File upload field:-
পেজে আপলোড বাক্স তৈরী করার জন্য এটি ব্যবহার করা হয় ।এর মধ্যে অনেক গুলি
Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে দেখান হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form method="post" action="anyphpfile.php">
<input type="hidden" name="max_file_size" value="100" />
<input name="file" type="file" />
</form>
|
|
৮. Selection field:-
পেজে ক্রম অনুযায়ী নির্বাচন-বাক্স তৈরী করার জন্য এটি ব্যবহার করা হয় ।এর
মধ্যে অনেক গুলি Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন
নিচে দেখান হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form method="post" action="mailto:kaktadua@tunerpage.com">
বাংলা সাইট গুলোর মধ্যে আপনি যা যা পরিদর্শন করেছেন
<select multiple name="music" size="4">
<option value="tunerpage" selected>TunerPage</option>
<option value="techtunes" >Techtunes</option>
<option value="techtweets" >Techtweets</option>
<option value="BDnews24 " >BD news 24 </option>
<option value="Prothom Alo " >Prothom Alo </option>
<option value="Ananda Bazar " >Ananda Bazar </option>
<option value="Kaler kantho " >Kaler kantho </option>
</select>
</form>
|
 |
৯.Reset button:-
আমরা পেজে যে সমস্ত ডেটা দিলাম তা পুনরায় নতুন করে দেবার জন্য এটি ব্যবহার
করা হয় ।এর মধ্যে অনেক গুলি Attribute-ও ব্যবহার করা যায় । এর
Attribute যুক্ত গঠন নিচে দেখান হল ।
| ইনপুট কোড |
ব্রাউজারে আউটপুট |
<form actiion="somefile.php" onReset="return confirm
('আপনি কি সব তথ্য মুছে আবার নতুন করে দিতে রাজি আছেন ?')">
<input type="reset" value="সব তথ্য রিসেট করব">
</form>
|
 |
