Advertisement
Priyanshu_Gupta

HTML form source code

Aug 4th, 2021
1,596
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.83 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width,
  8.     initial-scale=1.0">
  9.     <title>HTML CSS Mastery | Divisor</title>
  10.     <link rel="stylesheet" href="style.css">
  11.  
  12.  
  13. </head>
  14.  
  15.  
  16. <body>
  17.     <h1><u>HTML Label Example</u></h1>
  18.     <form>
  19.         <label for="fname">First Name :</label>
  20.         <input type="text" id="fname">
  21.         <br> <br>
  22.  
  23.         <label for="lname">Last Name :</label>
  24.         <input type="text" id="lname">
  25.         <br> <br>
  26.  
  27.         <label for="email">Email :</label>
  28.         <input type="email" id="email">
  29.         <br> <br>
  30.  
  31.         <label for="password">Password :</label>
  32.         <input type="password" id="password">
  33.         <br> <br>
  34.         <label for="gender">Gender :</label>
  35.         <input type="radio" name="select" id="gender">Male
  36.         <input type="radio" name="select">Female
  37.         <br><br>
  38.  
  39.         <label for="term"></label>
  40.         <input type="checkbox" id="term">Accept all term and conditions*
  41.         <br><br>
  42.         <!-- Select  -->
  43.         <label for="pet-select">Choose a pet:</label>
  44.         <select name="pets" id="pet-select">
  45.             <option value="">--Please choose an option--</option>
  46.             <option value="dog">Dog</option>
  47.             <option value="cat">Cat</option>
  48.             <option value="hamster">Hamster</option>
  49.             <option value="parrot">Parrot</option>
  50.             <option value="spider">Spider</option>
  51.             <option value="goldfish">Goldfish</option>
  52.         </select>
  53.         <br><br>
  54.         <!-- Textarea  -->
  55.         <label for="message">Message :</label>
  56.         <textarea id="message" cols="30" rows="5">Welcome in divisor!!!</textarea>
  57.         <br><br>
  58.         <!-- Fieldset and legend  -->
  59.  
  60.         <fieldset>
  61.             <legend>Form</legend>
  62.             <label for="first">First name:</label>
  63.             <input type="text" id="first">
  64.  
  65.             <label for="last">Last name:</label>
  66.             <input type="text" id="last"><br><br>
  67.  
  68.             <label for="Email">Email:</label>
  69.             <input type="email" id="Email">
  70.  
  71.             <label for="pass">Password:</label>
  72.             <input type="password" id="pass"><br><br>
  73.  
  74.             <input type="reset" value="Reset Form">
  75.         </fieldset><br><br>
  76.  
  77.         <!-- Datalist -->
  78.  
  79.         <label for="select">Select Browser :</label>
  80.         <input list="browsers" id="select">
  81.         <datalist id="browsers">
  82.             <option value="Internet Explorer">
  83.             <option value="Firefox">
  84.             <option value="Chrome">
  85.             <option value="Opera">
  86.             <option value="Safari">
  87.         </datalist>
  88.  
  89.  
  90.         <br><br>
  91.         <input type="button" value="Submit">
  92.     </form>
  93. </body>
  94.  
  95. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement