All Type of input fields in html

Hello friends is post me aapko lagbhag sabhi types ke usefull input fields mil jayenge. Kuch reh bhi gaye hai jaise radio button, checkbox, range etc, vo different type ke input fields hai, use mei next post me discuss kar dunga.

<!-- text -->
<label>Enter Your Name:</label><br/><br/>
<input type="text" name="" style="height:50px; width:600px; padding-left:10px" placeholder="Pankaj Kumar Loniya"><br/><br/>


<!-- number -->
<label>Enter Your Phone:</label><br/><br/>
<input type="number" name="" style="height:50px; width:600px; padding-left:10px" placeholder="12345668"><br/><br/>


<!-- search -->
<label>Enter Your Keywords:</label><br/><br/>
<input type="search" name="" style="height:50px; width:600px; padding-left:10px" placeholder="search.."><br/><br/>


<!-- date -->
<label>Enter Your DOB:</label><br/><br/>
<input type="date" name="" style="height:50px; width:600px; padding-left:10px" placeholder="yyyy-mm-dd"><br/><br/>


<!-- time -->
<label>Enter Your CLass End Time:</label><br/><br/>
<input type="time" name="" style="height:50px; width:600px; padding-left:10px" placeholder="HH-mm-ss"><br/><br/>


<!-- color -->
<label>Enter Your Fav Color:</label><br/><br/>
<input type="color" name="" style="height:50px; width:600px; padding-left:10px" placeholder=""><br/><br/>

<!-- password -->
<label>Enter Your Password:</label><br/><br/>
<input type="password" name="" style="height:50px; width:600px; padding-left:10px" 
placeholder=""><br/><br/>

Leave a Reply