Beispiel - Finale Version

[Bianca]

Hallo,

hier nochmals eine überarbeitete Version:

<form action="mailto:[e-mail]" method="post" enctype="multipart/form-data" name="kontakt">
        <fieldset>
          <legend>Mitglied hinzufügen</legend>
            
            <label for="neuesMitglied">neues Mitglied</label>
            <input type="text" id="neuesMitglied" name="neuesMitglied">
           
            <label for="email">eMail</label>
            <input type="email" placeholder="[e-mail]" id="email"  name="email">

         
            <h1>Ränge</h1>
              <p>Zur Auswahl stehen:</p>
                <select name="namen" size="6">
                  <optgroup label="Namen mit A">
                    <option label="Anna">Anna</option>
                    <option label="Achim">Achim</option>
                    <option label="August">August</option>
                  </optgroup>
                  <optgroup label="Namen mit B">
                    <option label="Berta">Berta</option>
                    <option label="Barbara">Barbara</option>
                    <option label="Bernhard">Bernhard</option>
                  </optgroup>
                  <optgroup label="Namen mit C">
                    <option label="Caesar">Caesar</option>
                    <option label="Christiane">Christiane</option>
                    <option label="Christian">Christian</option>
                  </optgroup>
                </select>
         
       
            <label for="grund" class="grund">Grund</label>
            <textarea name="grund" id="grund"></textarea>
                
            <p><input name="datei" type="file" size="30"> </p>
            <p><button type="submit" value="Submit">Eintrag abschicken</button></p>

        </fieldset>
</form>

legend {
    margin-bottom: 1em;
    font-size: 2em;
    font-weight: bold;
}

fieldset h1, h2 { color: #0080FF;}

label {
	font-weight: bold;
}

.grund {
    display: block;
    margin-top: 1em;
    font-size: 2em;
    color: #0080FF;
}

textarea {height: 12em; width: 40em;}