HOW TO USE INPUT AND FIELDSET- इन दोनों को कैसे प्रयोग करे

हेल्लो दोस्तों आज के इस पोस्ट में हम आपको बताएँगे की कैसे input एंड fieldset का प्रयोग करते है तथा इसका एक एक्साम्प्ले के द्वारा भी समझाया जा रहा है तो चलिए शुरू करते है

input और fieldset का प्रयोग

इसके पहले वाले पोस्ट में आपने पढ़ ही लिया होगा की input tag क्या होता है और कैसे काम करता है तो इसमे आपको fieldset के बारे में बताया जायेगा और फॉर्म कैसे बनाये ये भी बताया जायेगा

fieldset के द्वार  आप एक border को डिफाइन किया जाता है की उस border के अंदर आप क्या डिफाइन करना चाहिए साथ ही अगर आप border पर भी कुछ लिखना चाहते है तो आप fieldset को ओपन करके उसके अंदर आप legend tag के अंदर जो भी लिखते है वह आपका border के टॉप पर दिखाए देगा साथ ही आप फॉर्म को भी बना सकते है

आप एक फॉर्म के अंदर multiple fieldset को बना सकते है आगे हम बताएँगे की fieldset के द्वार multiple फॉर्म को कैसे बनाया जाता है

याह रखे की legend tag आपका हमेशा fieldset के साथ ही आता है

इसका सिंटेक्स आपको निचे दिया जा रहा है

<fieldset>
<legend>this is border name</legend>
<form>
 make input box 
</form>
</fieldset>

अब आपको निचे  fieldset में आप form tag का प्रयोग किस प्रकार से कर सकते है साथ ही इसके करने के फॉर्म किस प्रकार से बनाया जा सकता है

इसका एक्साम्प्ले आपको निचे कोड दिया जा रहा है आप इस कोड को अपने किसी भी editor में कोड पेस्ट करके एक्सटेंशन .html के साथ इसे ब्राउज़र पर रन कर सकते है लेकिन यह आपका अभी बहुत बेसिक है में आपको धीरे धीरे लेवल उपर करुगा

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
	<h2>choose particular image extention</h2>
	<input multiple accept=".jpg"  type="file" name=""><br>
	<h2>choose image</h2>
	<input multiple accept="image/*"  type="file" name=""><br/>
	<h2>choose vidoe format</h2>
	<input multiple accept="vidoe/*"  type="file" name=""><br/>
	<h2>choose audio format</h2>
	<input multiple accept="audio/*"  type="file" name="">
	<hr>
	<fieldset>
		<legend>Form Control</legend>
	<form action="#" method="post"/>
	QUALIFICATION
	<input type="checkbox" name="h"/>10<sup>th</sup>
	<input type="checkbox" name="i"/>12<sup>th</sup>
	<input type="checkbox" name="dip"/>diploma
	<input type="checkbox" name="bsc"/>B.Sc
	<input type="checkbox" name="btech"/>B.Tech
	<input type="checkbox" name="h"/>Apprenticeship
	<br>Time<input type="time"  name="ti"><br>
	URL<br>
	<input type="url" value="https://www"  name=""/>
	<input type="submit" value="save">
</form>
</fieldset>
<hr/>
<center><form action="#">
	<fieldset style="width:259px"><!--style attribute use css-->
		<legend>LOGIN FORM</legend>
		ENROLLMENT NO-<br/><input type="text" name="encrollment" required=""  autocomplete="off" placeholder="enter your name" value="TPT383299" readonly="" /><br/>
		NAME<br/><input type="text" name="name" required=""  autocomplete="off" placeholder="enter your name" /><br/>
		EMAIL<br/><input type="email" name="email" required="" autocomplete="on" placeholder="enter email id" /><br/>
		PASSWORD<br/><input type="password" name="pass" required="" placeholder="password" /><br/>
		Message<br/><textarea placeholder="enter message"></textarea><br/><br/>
		<input type="submit" value="login">

	</fieldset>
</form>
</center>
</body>
</html>

निवेदन– अगर आपको यह पोस्ट आपके लिए उपयोगी लगा हो तो प्लीज आप इस पोस्ट को अपने तक ही सिमित न रखे दुसरो को भी शेयर जरुर करे और समस्या के लिए कमेंट आपके लिए ही बना है धन्यवाद ….

Leave a Reply

Your email address will not be published.