SHARE
TWEET

Untitled

a guest May 23rd, 2019 156 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>Creating an Account</title>
  6.     <link rel="stylesheet" href="css/form.css" />
  7. </head>
  8. <body>
  9. <div id="wrapper">
  10.     <h1>Account erstellen</h1>
  11.    
  12.     <form method="post" action="save_account.php" enctype="multipart/form-data">
  13.         <!-- START ACCOUNT FIELDS -->
  14.         <fieldset>
  15.             <h2 class="account">Account</h2>
  16.             <ul>
  17.                 <li>
  18.                     <label for="first_name">Vorname:</label>
  19.                     <input type="text" id="first_name" name="first_name" class="large"
  20.                            required="required" placeholder="Enter your first name" />
  21.                 </li>
  22.                 <li>
  23.                     <label for="last_name">Nachname:</label>
  24.                     <input type="text" id="last_name" name="last_name" class="large" />
  25.                 </li>
  26.                 <li>
  27.                     <label for="email">E-Mail:</label>
  28.                     <input type="email" id="email" name="email" class="large" />
  29.                 </li>
  30.                 <li>
  31.                     <label for="password">Passwort:</label>
  32.                     <input type="password" id="password" name="password" />
  33.                 </li>
  34.                 <li>
  35.                     <label for="password">Passwort erneut eingeben:</label>
  36.                     <input type="password" id="password2" name="password2" />
  37.                 </li>
  38.             </ul>
  39.         </fieldset>
  40.         <!-- end account -->
  41.        
  42.         <!-- START ADDRESS FIELDS -->
  43.         <fieldset>
  44.             <h2 class="address">Adresse</h2>
  45.             <ul>
  46.               <li>
  47.                     <label for="phone">Telefon:</label>
  48.                     <input type="tel" id="phone" name="phone" class="large"
  49.                            placeholder="xxx-xxx-xxxx" pattern="\d{3}-\d{3}-\d{4}" />
  50.                 </li>
  51.                 <li>
  52.                     <label for="street_address">Straße:</label>
  53.                     <input type="text" id="street_address" name="street_address" class="large" />
  54.                 </li>
  55.                 <li>
  56.                     <label for="city">Stadt:</label>
  57.                     <input type="text" id="city" name="city" class="large" />
  58.                 </li>
  59.                 <li>
  60.                     <label for="state">Bundesland:</label>
  61.                     <select id="state" name="state">
  62.                         <option value="AL">Berlin-Brandenburg</option>
  63.                         <option value="AK">Hamburg</option>
  64.                         <option value="CA">Baden-Würrtemberg</option>
  65.                     </select>
  66.                 </li>
  67.                 <li>
  68.                     <label for="zip_code">PLZ:</label>
  69.                     <input type="text" id="zip_code" name="zip_code" class="small" />
  70.                 </li>
  71.             </ul>
  72.         </fieldset>
  73.         <!-- end address -->
  74.        
  75.         <!-- START PUBLIC PROFILE FIELDS -->
  76.         <fieldset>
  77.             <h2 class="public-profile">Öffentliches Profil</h2>
  78.             <ul>
  79.                 <li>
  80.                     <label for="picture">Foto:</label>
  81.                     <input type="file" id="picture" name="picture" />
  82.                     <p class="instructions">Maximum size of 700k. JPG, GIF, PNG.</p>
  83.                 </li>
  84.                 <li>
  85.                     <label for="screen_name">Benutzername:</label>
  86.                     <input type="text" id="screen_name" name="screen_name" class="medium" />
  87.                 </li>
  88.                 <li>
  89.                     <label for="web_site">Web:</label>
  90.                     <input type="url" id="web_site" name="web_site" class="large" />
  91.                     <p class="instructions">Have a homepage or a blog? Put the address here.</p>
  92.                 </li>
  93.                 <li>
  94.                     <label for="bio">Biografie:</label>
  95.                     <textarea id="bio" name="bio" rows="8" cols="50"></textarea>
  96.                 </li>
  97.                 <li>
  98.                     <label>Geschlecht:</label>
  99.                     <fieldset class="radios">
  100.                     <ul>
  101.                         <li>
  102.                             <input type="radio" id="gender_male" name="gender" value="male" />
  103.                             <label for="gender_male">männlich</label>
  104.                         </li>
  105.                         <li>
  106.                             <input type="radio" id="gender_female" name="gender" value="female" />
  107.                             <label for="gender_female">weiblich</label>
  108.                         </li>                      
  109.                     </ul>
  110.                     </fieldset>
  111.                 </li>
  112.             </ul>
  113.         </fieldset>
  114.         <!-- end public profile -->
  115.        
  116.         <!-- START EMAILS FIELDS -->
  117.         <fieldset>
  118.             <h2 class="emails">E-Mails</h2>
  119.             <ul class="checkboxes">
  120.                 <li>
  121.                     <input type="checkbox" id="email_ok_msg_from_users" name="email_signup[]" value="user_emails" />
  122.                     <label for="email_ok_msg_from_users">Sie dürfen mir gerne Nachrichten von anderen Usern mailen.</label>
  123.                 </li>
  124.                 <li>
  125.                     <input type="checkbox" id="email_ok_occasional_updates" name="email_signup[]" value="occasional_updates" />
  126.                     <label for="email_ok_occasional_updates">Sie dürfen mir gelegntlich Werbung zu weiteren Produkten mailen.</label>
  127.                 </li>              
  128.             </ul>
  129.         </fieldset>
  130.         <!-- end emails -->
  131.        
  132.         <fieldset>
  133.            <input type="reset" class="create_profile" value="Alle Eingaben zurücksetzen" />
  134.             <input type="submit" class="create_profile" value="Account erstellen" />
  135.         </fieldset>
  136.     </form>
  137. </div>
  138. </body>
  139. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top