• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabindex und Drop Down Menü

Status
Für weitere Antworten geschlossen.
L

lucarp

Mitglied
Hallo,

Ich habe in meinen Formularen einige DropDown Menüs zwischen den normalen textfeldern.

wenn ich ins erste feld klicke und per tab weiterschalte, überspringt er jedoch die DropDown Menüs.

jetzt habe ich tabindex hinzugefügt und er springt die DropDown Menüs aber trotzdem nicht an.

warum??

grüße

Lucas
 
Weil wahrscheinlich noch irgendwo ein unentdeckter Fehler schlummert.

Wie ist der Link?
 
HTML: 
      <form action="kontakt_bestaetigung.php" method="POST" style="width:400px;">
        <table>
          <tr> 
            <td>Anrede:</td>
            <td><select size="1" class="feld" tabindex="1" name="anrede">
                <option>Herr</option>
                <option>Frau</option>
                <option>Firma</option>
              </select></td>
          </tr>
          <tr> 
            <td>Name:</td>
            <td><input type="text" size="20" class="feld" tabindex="2" name="name"></td>
          </tr>
          <tr> 
            <td>E-mail:</td>
            <td><input type="text" size="20" class="feld" tabindex="3" name="email"></td>
          </tr>
          <tr> 
            <td>Web:</td>
            <td><input type="text" size="20" class="feld" tabindex="4" name="web"></td>
          </tr>
          <tr> 
            <td>Nachricht:</td>
            <td><textarea cols="30" rows="5" class="feld" tabindex="5" name="nachricht">
</textarea></td>
          </tr>
          <tr> 
            <td>Newsletter:</td>
            <td><input type="checkbox" name="newsletter" value="1">
              ja, ich m&ouml;chte News &uuml;ber Glimt-Films Award erhalten</td>
          </tr>
        </table>
        <br>
        <input type=submit class="feld" tabindex="6" value="Absenden">
      </form>

    
</html>
Code: 
.feld {border:1px solid #99cc33; background:#ECFFD2;}
.feld:hover {border:1px solid #99cc33; background:#D9FFA6;}
 
Ist zwar ein seltsamer Link, aber ...

lucarp schrieb:
Ich habe in meinen Formularen einige DropDown Menü*s* zwischen den normalen textfeldern.
wenn ich ins erste feld klicke und per tab weiterschalte, überspringt er jedoch die DropDown Menü*s*.
Zum Vergrößern anklicken....
Ich weiß nicht, ob wir anders zählen, aber bei mir ist nur eines, und alle Felder werden der Reihe nach von oben nach unten angesprungen.

Ich kann keinen Fehler entdecken.
 
Sorry ich meine diesen hier

HTML: 
<form method="post" action="anmeldung_bestaetigung.php" enctype="multipart/form-data" accept-charset="utf-8">
        <table>
          <tr> 
            <td></td>
            <td>Pers&ouml;nliche Angaben</td>
          </tr>
          <tr> 
            <td>Anrede:</td>
            <td><select size="1" class="feld" tabindex="1" name="anrede">
                <option>Herr</option>
                <option>Frau</option>
              </select></td>
          </tr>
          <tr> 
            <td>Name:</td>
            <td><input type="text" size="20" class="feld" tabindex="2" name="name"></td>
          </tr>
          <tr> 
            <td>Vorname:</td>
            <td><input type="text" size="20" class="feld" tabindex="3" name="vorname"></td>
          </tr>
          <tr> 
            <td>Geburtsdatum:</td>
            <td>
            <select size="1" class="feld" tabindex="4" name="geburtstag">
            <option>Tag</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
            <option>13</option>
            <option>14</option>
            <option>15</option>
            <option>16</option>
            <option>17</option>
            <option>18</option>
            <option>19</option>
            <option>20</option>
            <option>21</option>
            <option>22</option>
            <option>23</option>
            <option>24</option>
            <option>25</option>
            <option>26</option>
            <option>27</option>
            <option>28</option>
            <option>29</option>
            <option>30</option>
            <option>31</option>
            
            <select size="1" class="feld" tabindex="5" name="geburtsmonat">
            <option>Monat</option>
            <option>Januar</option>
            <option>Februar</option>
            <option>M&auml;rz</option>
            <option>April</option>
            <option>Mai</option>
            <option>Juni</option>
            <option>Juli</option>
            <option>August</option>
            <option>September</option>
            <option>Oktober</option>
            <option>November</option>
            <option>Dezember</option>
            
            <select size="1" class="feld" tabindex="6" name="geburtsjahr">
            <option>Jahr</option>
            <option>2008</option>
            <option>2007</option>
            <option>2006</option>
            <option>2005</option>
            <option>2004</option>
            <option>2003</option>
            <option>2002</option>
            <option>2001</option>
            <option>2000</option>
            <option>1999</option>
            <option>1998</option>
            <option>1997</option>
            <option>1996</option>
            <option>1995</option>
            <option>1994</option>
            <option>1993</option>
            <option>1992</option>
            <option>1991</option>
            <option>1990</option>
            <option>1989</option>
            <option>1988</option>
            <option>1987</option>
            <option>1986</option>
            <option>1985</option>
            <option>1984</option>
            <option>1983</option>
            <option>1982</option>
            <option>1981</option>
            <option>1980</option>
            <option>1979</option>
            <option>1978</option>
            <option>1977</option>
            <option>1976</option>
            <option>1975</option>
            <option>1974</option>
            <option>1973</option>
            <option>1972</option>
            <option>1971</option>
            <option>1970</option>
            <option>1969</option>
            <option>1968</option>
            <option>1967</option>
            <option>1966</option>
            <option>1965</option>
            <option>1964</option>
            <option>1963</option>
            <option>1962</option>
            <option>1961</option>
            <option>1960</option>
            <option>1959</option>
            <option>1958</option>
            <option>1957</option>
            <option>1956</option>
            <option>1955</option>
            <option>1954</option>
            <option>1953</option>
            <option>1952</option>
            <option>1951</option>
            <option>1950</option>
            </td>
          </tr>
          <tr> 
            <td></td>
            <td>Adresse:</td>
          </tr>
          <tr> 
            <td>Stra&szlig;e:</td>
            <td><input type="text" size="20" class="feld" tabindex="7" name="straße"></td>
          </tr>
          <tr> 
            <td>PLZ:</td>
            <td><input type="text" size="20" class="feld" tabindex="8" name="plz"></td>
          </tr>
          <tr> 
            <td>Ort:</td>
            <td><input type="text" size="20" class="feld" tabindex="9" name="ort"></td>
          </tr>
          <tr> 
            <td>Land:</td>
            <td><input type="text" size="20" class="feld" tabindex="10" name="land"></td>
          </tr>
          <tr> 
            <td></td>
            <td>Kontaktdaten</td>
          </tr>
          <tr> 
            <td>E-Mail:</td>
            <td><input type="text" size="20" class="feld" tabindex="11" name="email"></td>
          </tr>
          <tr> 
            <td>Telefon:</td>
            <td><input type="text" size="20" class="feld" tabindex="12" name="telefon"></td>
          </tr>
          <tr> 
            <td>Handy:</td>
            <td><input type="text" size="20" class="feld" tabindex="13" name="handy"></td>
          </tr>
          <tr> 
            <td>Web:</td>
            <td><input type="text" size="20" class="feld" tabindex="14" name="web"></td>
          </tr>
          <tr> 
            <td></td>
            <td>sonstige Angaben</td>
          </tr>
          <tr> 
            <td>&Uuml;bernachtung:</td>
            <td>
            <select size="1" class="feld" tabindex="15" name="uebernachtung">
            <option>---bitte angeben---</option>
            <option>Ich organisieren meine &Uuml;bernachtung selbst</option>
            <option>Bitte schicken Sie mir &Uuml;bernachtungsangebote zu</option>
            <option>Ich bleibe nicht &uuml;ber Nacht</option>
            <option>Sonstige</option>
            </td>
          </tr>
          <tr> 
            <td>Anreise mit:</td>
            <td>
            <select size="1" class="feld" tabindex="16" name="anreise">
            <option>---bitte angeben---</option>
            <option>Auto</option>
            <option>Zug</option>
            <option>Flugzeug</option>
            <option>Sonstige</option>
            </td>
          </tr>
          <tr> 
            <td>Aftershow Party:</td>
            <td>
            <select size="1" class="feld" tabindex="17" name="party">
            <option>---bitte angeben---</option>
            <option>Ja, ich will</option>
            <option>kein Interesse</option>
            <option>Das wei&szlig; ich jetzt noch nicht</option>
            </td>
          </tr>
          <tr>
            <td>Bezahlung:</td>
            <td>
            <select size="1" class="feld" tabindex="18" name="zahlung">
            <option>---bitte angeben---</option>
            <option>PayPal (+0,39 &euro;)</option>
            <option>&Uuml;berweisung Deutschland</option>
            <option>&Uuml;berweisung &Ouml;sterreich</option>
            </td>
          </tr>
          <tr>
            <td>Bemerkung:</td>
            <td>
            <textarea cols="30" rows="5" class="feld" tabindex="19" name="bemerkung">
            </textarea>
            </td>
          </tr>
          <tr> 
            <td></td>
            <td><input type="checkbox" tabindex="20" name="einverstanden" value="1">
              Ja, ich bin mit den <a class="textlink" href="agb.php" target="_blank">allgemeinen Gesch&auml;ftsbedingungen von Glimt-Films Award</a> einverstanden</td>
          </tr>
          <tr> 
            <td></td>
            <td><input type="checkbox" tabindex="21" name="festivalneuigkeiten" value="1">
              Ja, ich m&ouml;chte per E-Mail &uuml;ber Festivalneuigkeiten informiert werden</td>
          </tr>
        </table>
        <br>
        <input type=submit class="feld" tabindex="22" value="Anmeldung abschicken"> 
        </form>
 
Das ist auch kein Link.

Und bevor Du nicht mindestens die [*html]-Code-Tags im Beitrag durch [*code]-Tags ersetzt, ist mir Cut&Paste zu aufwändig.
Ah, dass [*html] nicht richtig funktioniert, ist natürlich nicht Deine Schuld.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben