Bangla Islamic Website Live-Blogger-Tricks

shirk and bid'ah in the Book Fazail e Amal of Tableeghi Jamaat : Learn More.

শনিবার, ১২ জুলাই, ২০১৪

html শেখার সহজ উপায় : অধ্যায় ৮

Bangla Islamic Website Live-Blogger-Tricks

Form:-

Form- ট্যাগটির সাহায্যে পেজ থেকে কোন প্রকার ডেটা  সরাসরি ডেটাবেসে প্রবেশ করান যায় । Form-টি অনেক গুলি Attributes -এর সাহায্য নিয়ে কাজ করে । form-এর প্রাথমিক গঠন হল <form>………</form> -এরকম ।এই ট্যাগটির দুটি গুরুত্বপূর্ণ Attribute হল method,action ।এছাড়াও কত গুলি ট্যাগ ফ্রম ট্যাগের অধীনে কাজ করে । নিচের ছকে কত গুলি উদাহরণ দেখান হল ।
Attributes-এর নামমানকাজ
inputনির্দিষ্ট নয়নির্দিষ্ট নয়
typetextপেজে লেখার স্হান তৈরী করা
textareaname,rows,colsপেজে লেখার স্হান তৈরী করা
typesubmitপেজে বটন তৈরী করে
typeradioঠিক চিহ্ন দেবার বাক্স তৈরী করে
typepasswordপাসওয়ার্ড দেবার বাক্স তৈরী করে
typecheckboxনির্বাচন-বাক্স তৈরী করে
typefileআপলোড বাক্স তৈরী করে
selectoptionক্রম অনুযায়ী নির্বাচন-বাক্স তৈরী করে
typeresetডেটা পুনরায় নতুন করে দেবার জন্য
১.Text field:-
পেজে কোন লেখার স্হান তেরী করতে এটি ব্যবহার করা হয় । ঠিক যেমন টা আপনি নিচে মন্তব্য বাক্সে দেখতে পারছেন । এর প্রাথমিক গঠন
ইনপুট কোডব্রাউজারে আউটপুট
<form>
<input type="text">
</form>
12 html শেখার সহজ উপায় : অধ্যায় ৮
text field-এর মধ্যে অনেক গুলি  Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে দেখান হল ।
ইনপুট কোডব্রাউজারে আউটপুট
<form method="post" action="mailto:kaktadua@tunerpage.com">
নাম: <input type="text" size="10" maxlength="40" name="name" id="name">
</form>
2 html শেখার সহজ উপায় : অধ্যায় ৮
২.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>
4 html শেখার সহজ উপায় : অধ্যায় ৮
৪.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>
51 html শেখার সহজ উপায় : অধ্যায় ৮
৫.Password field:-
পেজে পাসওয়ার্ড দেবার বাক্স তৈরী করার জন্য এটি ব্যবহার করা হয় ।এর মধ্যে অনেক গুলি  Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে দেখান হল ।
ইনপুট কোডব্রাউজারে আউটপুট
<form>
গোপন সংখ্যা : <input type="password" name="pwd" maxlength="8" />
</form>
63 html শেখার সহজ উপায় : অধ্যায় ৮
৬.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>
3 html শেখার সহজ উপায় : অধ্যায় ৮
৭.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>
63 html শেখার সহজ উপায় : অধ্যায় ৮
৮. 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>
9 html শেখার সহজ উপায় : অধ্যায় ৮
৯.Reset button:-
আমরা পেজে যে সমস্ত ডেটা দিলাম তা পুনরায় নতুন করে দেবার জন্য এটি ব্যবহার করা হয় ।এর মধ্যে অনেক গুলি  Attribute-ও ব্যবহার করা যায় । এর Attribute যুক্ত গঠন নিচে দেখান হল ।
ইনপুট কোডব্রাউজারে আউটপুট
<form actiion="somefile.php" onReset="return confirm
('আপনি কি সব তথ্য মুছে আবার নতুন করে দিতে রাজি আছেন ?')">
<input type="reset" value="সব তথ্য রিসেট করব">
</form>
71 html শেখার সহজ উপায় : অধ্যায় ৮

0 Responses to “html শেখার সহজ উপায় : অধ্যায় ৮”

একটি মন্তব্য পোস্ট করুন

ধন্যবাদ