piffy

form con stile (form.html)

Aug 5th, 2021
735
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="it" xmlns="http://www.w3.org/1999/html">
  3. <head>
  4.     <link rel="stylesheet" href="form.css"> <!-- form.css: https://pastebin.com/FMZuCTZS -->
  5.     <meta charset="UTF-8">
  6.     <title>Form</title>
  7. </head>
  8. <body>
  9. <form id='esempio' method='get' action='' >
  10.     <p><label for="Nome">Nome: </label><input class="stiloso" type='text' id='Nome' name='Nome' /></p>
  11.     <p><label for="Email"> Email: </label> <input class="stiloso" type='text' id='Email' name='Email' /></p>
  12.     <p><label for="pw">Password:</label> <input class="stiloso bordorosso"  type='password' id='pw' name='pw' ></p>
  13.     <p><label for="paese">Paese</label><br/>
  14.         <select id="paese" name="paese">
  15.             <option value="I">Italia</option>
  16.             <optgroup label="Estero">
  17.                 <option value="D">Germania</option>
  18.                 <option value="D">Francia</option>
  19.             </optgroup>
  20.         </select><br></p>
  21.  
  22.     <p>Sesso<br>
  23.         <label for="M"> <input type="radio" name="sesso" value="M" id="M"> M<span></span></label><br>
  24.         <label for="F"><input type="radio"  name="sesso" value="F" id="F">  F<span></span></label><br>
  25.         Hobby<br>
  26.         <label for="S"><input type="checkbox" name="hobby" value="S" id="S"> Sport<span></span></label><br>
  27.         <label for="L"><input type="checkbox" name="hobby" value="L" id="L"> Lettura<span></span></label><br>
  28.         <label for="C"><input type="checkbox" name="hobby" value="C" id="C"> Cinema<span></span></label><br>
  29.         <label for="I"><input type="checkbox" name="hobby" value="I" id="I"> Internet<span></span></label><br>
  30.     </p>
  31.  
  32.     <p><label for="commento">Commento</label><br>
  33.         <textarea id="commento" name="commento" rows="5" cols="30"></textarea>
  34.     </p> <p>
  35.  
  36.     <button onclick="document.getElementById('esempio').submit();">Invia!</button>
  37.     <input type="reset" id='resetbutton' value=Reset style="display: none;">
  38.     <button onClick="document.getElementById('esempio').resetbutton.click();">Azzera</button>
  39.     <button>Azione speciale</button>
  40. </form>
  41.  
  42. </body>
  43. </html>
RAW Paste Data