Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Forms without feildset and labels</title>
- <style>
- @media screen and (min-width: 800px){
- body
- {
- background-color: lightblue;
- }
- }
- @media screen and (max-width: 800px){
- body
- {
- background-color: red;
- }
- }
- @media screen and (max-width: 600px){
- body
- {
- background-color: blue;
- }
- }
- .alingment
- {
- width:50%;
- margin: 2% auto;
- border: 3px solid black;
- padding: 5%;
- }
- </style>
- </head>
- <body bgcolor="#804C1A">
- <fieldset class="alingment">
- <legend>LOGIN FORM</legend>
- <form action="#" >
- <!--examples of input types-->
- <p>Enter Name :<input type="text"></p>
- <p>Enter Email :<input type="email"></p>
- <p>Enter Phone Number :<input type="number"></p>
- <p>Enter Birthdate :<input type="date"></p>
- <!--examples of optgroup-->
- <p>Favourite Subject :
- <select name="subject" id="fav">
- <optgroup label="Not Soo Techy Subjects">
- <option value="Maths 1">Maths 1</option>
- <option value="Maths 2">Maths 2</option>
- <option value="Maths 3">Maths 3</option>
- <option value="Maths 4">Maths 4</option>
- <option value="physics">Physics</option>
- <option value="physics">Chemistry</option>
- <option value="physics">Automata Theory</option>
- <option value="physics">Software Engineering</option>
- <option value="Evs">Evs</option>
- </optgroup>
- <optgroup label="Pogramming Subjects">
- <option value="SPA">SPA</option>
- <option value="DSA">Data Structures Analyis</option>
- <option value="OOPM">Object Oreinted Programming Methodology</option>
- <option value="DS">Distributed Systems</option>
- <option value="WP">Web Programming</option>
- </optgroup>
- </select>
- </p>
- <!--example of datalist-->
- <p>Favourite Faculty : <input list="fac">
- <datalist id="fac">
- <option value="Rahul SIR ">DS and OOPM</option>
- <option value="Sanober Maam">DBMS</option>
- <option value="Suvarna maam ">SPA and COA</option>
- <option value="Sanjay Sir"> SE and CN</option>
- <option value="Muskesh Sir">BEE and ITC</option>
- </datalist></p>
- <p>Any Comments :</p><textarea cols="30" rows="5"></textarea>
- <p><input type="button" value="Send"></p>
- </form>
- </fieldset>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement