HOW TO USE INPUT AND OPTION TAG- इन दोनों का प्रयोग कैसे करते है?

हेल्लो दोस्तों आज के इस पोस्ट में हम आपको html के द्वारा आप beginner लेवल से लेकर आप एक प्रोजेक्ट को कैसे बनाया जाता है ये आपको बताया जायेगा साथ ही कंपनी में किस प्रकार का काम किया जाता है यह भी बताया जायेगा

input tag aur option tag

आज हम आपको इन दोनों के बारे में बताया जायेगा की इसे आप किस प्रकार से लिखा जाता है और किस प्रकार से प्रयोग किया जाता है तो चाहिए हम पहले जान लेते है की किस प्रकार से करते है और साथ ही इन दोनो tags का सिंटेक्स क्या होता है यह भी जान लेते है तो चाहीये शुरू करते है

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

<input type=”any-time” name=”” id=””  class=””/>

यह tag आपका single tag होता है अर्थात इसमे केवल opening और closing एक ही tag के अंदर डिफाइन किया जाता है जैसा की आप सिंटेक्स में देख पा रहे है

इसमे आपका any-time को देफिएँ किया गया है ऐसा इसलिए ताकि इसमे multiple type होते है जैसा आपका आवश्यकता होती है वैसा type दिया जाता है

नोट:- ध्यान रखे की any-time केवल बताया गया है की कई type के होते है न की any-time कोई भी type है

इसलिए निचे आपको कुछ type दी जा रही है और अधिक पढने के लिए आप इस वेबसाइट पर visit करके पढ़ सकते है

link-

TYPE–

text
button
number
radio
checkbox
date
email
color
hidden
month
range
reset
search
url

और भी होते है और पढना हो तो आप उपर दिए गए link पर क्लिक करके पढ़ सकते है

अब आपको  उदहारण निचे दिया जा रहा है

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body bgcolor="yellow">
	NAME
	<br/><input type="text" name=""/><br/>
	Gender<input type="radio" name="a">Male<input type="radio" name="a">Female
<br/>Date<br/><input type="date"><br/>
Date-Time</body><br>
<input type="Date-Time"><br/>
Week<br/><input type="week"><br/>
Color<br/><input type="color"><br/>
File-Uploaded<br/><input type="file"><br/>
Password<br/><input type="password" placeholder="enter your pass"><br/>
Mobile NO<BR/>
<input type="number" maxlength="10" placeholder="enter your number">
<br/>Email Id<br/>
<input type="Email" placeholder="enter email
 id">
<br/>
<h1>DROP DOWN LIST | COMBO BOX</h1>
<hr>
<select>
	<option value="">--SELECT TRAINING---</option>
	<option value="st">--SUMMER TRAINING---</option>
	<option selected="" value="wt">--WINTER TRAINING---</option>
	<option value="at">--APPRENTICESHIP TRAINING---</option>
	<option value="pt">--PAINED TRAINING---</option>
	<option value="ut">--UNPAINED TRAINING---</option>
	<option value="ft" disabled="true">--FREE TRAINING---</option>
</select>
<hr>
<select multiple>
	<option>--COURSE--</option>
	<option>HTML-5</option>
	<option>CSS-3</option>
	<option>BOOTSTRAP5</option>
	<option>PHP</option>
</select>
<br/>
<select>
	<optgroup label="web designing">
		<option>HTML5</option>
		<option>CSS3</option>
		<option>JAVA</option>
		<option>PYTHON</option>
		<option>PHP</option>
	</optgroup>
	<optgroup label="Technology">
		<option>php with laravel</option>
		<option disabled>android with java</option>
		<option>.NET MVC</option>
	</optgroup>
</select>
<br/>
Message<br>
<textarea cols="50" rows="10" placeholder="Enter Your Message"></textarea><br/>
<button><h1><font color="blue" face="Cooper">submit</font></h1></button>
	<br>
	<form action="#" method="post" enctype="multipart/form-data">
	<fieldset style="width: 180;">
		<legend>Contact us</legend>
		Password<br/><input type="password" placeholder="enter your pass" name="pass"><br/>
		<br/>Name<br/><input type="text" placeholder="enter your pass" name="name"><br/>
Mobile NO<BR/>
<input type="number" maxlength="10" placeholder="enter your number" name="mob">
<br/>Email Id<br/>
<input type="Email" placeholder="enter email id" name="emial"><br/>
message<br><textarea name="mess" cols="22" rows="10"></textarea>
<br>file uploading <input type="file" name="fn">
<input type="submit" name="submit button"/>
<input type="reset" name="clearn all">
<input type="button" name="dummy-button">
	</fieldset></form>
</body>
</html>

Leave a Reply

Your email address will not be published.