[HTML] Reihenfolge von Checkboxen & Co.

M

Mr. Snoot

Gast
Hio, folgendes Problem:

Man kann ja mit der Tabtaste durch die einzelnen Elemente (Links, Eingabefelder usw.) einer Webseite springen. Soweit ich das sehe geht das der Reihe nach, wie die Elemente im Quelltext eben angeordnet sind.

In diesem Quelltext habe ich bspw. ein einzeiliges Eingabefeld, zwei Auswahlen via Radiobuttons, und einen Klickbutton (in dieser Reihenfolge im Quelltext).

Mir wäre es aber lieber, wenn man vom Eingabefeld mit der Tabtaste als nächstes zum Klickbutton springt und nicht erst zu den Radiobuttons. Kann man das irgendwie bewerkstelligen?

HTML:
  <table width="400" border="0" cellspacing="0" cellpadding="1" bgcolor="#999999" align="center">
    <tr>
      <td>
        <table width="490" border="0" cellspacing="5" cellpadding="0" bgcolor="#F6F6F6">
          <tr>
            <td>
              <input type="text" name="" class="sform">
            </td>
            <td rowspan="2"><b>Groß-/Kleinschreibung...</b><br>
              <input type="radio" name="" value="yes">
              beachten<br>
              <input type="radio" name="" value="no" checked>
              ignorieren</td>
            <td rowspan="2"><b>Nur&nbsp;ganze&nbsp;Wörter?</b><br>
              <input type="radio" name="" value="yes">
              Ja<br>
              <input type="radio" name="" value="no" checked>
              Nein</td>
          </tr>
          <tr>
            <td>
              <input type="submit" value="Suche starten" name="submit" class="sbutton">
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
 
Gauder schrieb:
... Kann man das irgendwie bewerkstelligen?
Meinst Du vielleicht so?:
____________________________________________________________________


<table width="400" border="0" cellspacing="0" cellpadding="1" bgcolor="#999999" align="center">
<tr>
<td>
<table width="490" border="0" cellspacing="5" cellpadding="0" bgcolor="#F6F6F6">
<tr>
<td>
<input type="text" name="" class="sform" tabindex="1">
</td>
<td rowspan="2"><b>Groß-/Kleinschreibung...</b><br>
<input type="radio" name="" value="yes" tabindex="2">
beachten<br>
<input type="radio" name="" value="no" checked tabindex="3">
ignorieren</td>
<td rowspan="2"><b>Nur&nbsp;ganze&nbsp;Wörter?</b><br>
<input type="radio" name="" value="yes" tabindex="4">
Ja<br>
<input type="radio" name="" value="no" checked tabindex="5">
Nein</td>
</tr>
<tr>
<td>
<input type="submit" value="Suche starten" name="submit" class="sbutton" tabindex="1">
</td>
</tr>
</table>
_________________________________________________________


Cu :D
 
Zuletzt bearbeitet: (Ergänzung)
Jo kann mich scanni39 da nur anschließen,

aber warum haben zwei input felder den gleichen tabindex, hasste dich da vertippt, oder iss das absicht?
 
V1tzl1 schrieb:
... aber warum haben zwei input felder den gleichen tabindex, hasste dich da vertippt, oder iss das absicht? ...
Ich könnt' ja jetzt sagen: "Dat is meine persönliche Note" :D

Ne, ne, liegst schon ganz richtig. Vertippt. Aber wie so immer: "Der Teufel steckt im Detail." Niemand ist vollkommen. :) Danke für den Hinweis!

@Gauder

<input type="submit" value="Suche starten" name="submit" class="sbutton" tabindex="1">
Tausch mal den Wert tabindex="1" gegen tabindex="0" aus.

cu
 
KLar passiert jedem mal, aber ich dachte schon das wür irgentwas bezwecken, dass ich noch nich kenne, desshalb die Nachfrage
 
Zurück
Oben