- यह पोस्ट में आप HTML5 के टैग का उपयोग करके बहुत सरलता से अपनी डिजाईन और फॉर्म बना सकते हे.
- In this post you very simply by using HTML5 tags, create your own design and form.
- આ પોસ્ટ માં તમે HTML5 નો ઉપયોગ કરી ખુબજ સરળતા થી તમારી પોતાની Design અને ફોર્મ(Form) બનાવી શકો છો.
demo.html
<html>
<head>
<title>Blog Demo</title>
<style>
body{
background-color:pink;
/*background-color:#666998;*/
}
form{
margin:20%;
margin-left: 20%;
}
h1{
font-family: cursive;
}
</style>
</head>
<body>
<form>
<h1>HTML5 Tags You have easy build our design</h1> <hr/>
<input list="car">
<datalist id="car">
<option value="Bmw">
<option value="Scoda">
<option value="Nano">
<option value="Maruti">
<option value="Honday">
</datalist>
<input type="button" value="search">
<hr/>
Username: <input type="text" name="user"><br/><br/>
Encryption: <keygen name="security">
<hr/>
<input type="range" id="a" name="a" value="50">
<input type="number" id="b" name="b" value="50">
<output name="x" for="a b"></output>
<hr/>
<input type="radio" name="gender" value="male" checked onblur="alert('male')">Male<br>
<input type="radio" name="gender" value="female" onblur="alert('female')"> Female<br>
<input type="radio" name="gender" value="other" onblur="alert('other')"> Other
<hr/>
<input type="checkbox" name="bike" value="FZ" onclick="alert('Checked')"> I have a bike<br>
<input type="checkbox" name="bike" value="Honda" onclick="alert('Checked')"> I have a car
<hr/>
<input type="text" name="firstname" value="Br chauhan(readonly)" readonly>
<input type="text" name="firstname" value="Br chauhan(disabled)" disabled>
<input type="text" name="firstname" value="Br chauhan(size='40')" size="40">
<hr/>
<input type="text" name="firstname" maxlength="10" value="maxlength">
<br/>
<input type="email" name="email" value="email autocomplate" autocomplete="off">
<br/>
<input type="text" name="fname" required/>
<hr/>
<input type="color" name="#"><br/>
<input type="date" name="#"><br/>
<input type="datetime" name="#"><br/>
<input type="datetime-local" name="#"><br/>
<input type="month" name="#"><br/>
<input type="range" name="#"><br/>
<input type="search" name="#"><br/>
<input type="tel" name="#"><br/>
<input type="time" name="#"><br/>
<input type="url" name="#"><br/>
<input type="week" name="#"><br/>
<hr/>
Enter a date before 1994-01-01:
<input type="date" name="br" max="1993-11-30"><br/> <br/>
Enter a date after 1994-05-27:
<input type="date" name="br" min="1997-05-28"><br/>
<hr/>
<input type="submit" value="submit">
</form>
</body>
</html>
2 comments:
This is an interesting blog that you have posted,Good job.
Html5 Training in Chennai
Html5 Training Institutes in Chennai
Html5 Training in Porur
DOT NET Training in Chennai
.Net training in chennai
QTP Training in Chennai
LoadRunner Training in Chennai
Html5 Training in Chennai
Tnxa
Post a Comment