Gunnar Bittersmann: Webseite zweisprachig gestalten

Beitrag lesen

@@Rosenköhl

Um nochmal aus der Tornado-Anleitung zu klauen:

Schlecht geklaut. Das HTML ist fehlerhaft.

Wie so oft mangelt es Webentwicklern an den Grundlagen: HTML.

<html>

Hier fehlt die Angabe der Sprache der aktuellen Seite.

<html lang="{{ lang }}">

     <form action="{{ request.path }}" method="post">
       <div>{{ _("Username") }} <input type="text" name="username"/></div>
       <div>{{ _("Password") }} <input type="password" name="password"/></div>
       <div><input type="submit" value="{{ _("Sign in") }}"/></div>
     </form>

Hier fehlen die zugänglichen Beschriftungen der Eingabefelder.

     <form action="{{ request.path }}" method="post">
       <div>
         <label for="username">{{ _("Username") }}</label>
         <input type="text" name="username" id="username"/>
       </div>
       <div>
         <label for="password">{{ _("Password") }}</label>
         <input type="password" name="password" id="password"/>
       </div>
       <div><button type="submit">{{ _("Sign in") }}</button></div>
     </form>

Die <div>-Elemente drumherum sind nicht unbedingt erforderlich.

<input type="submit"> war nicht unbedingt falsch, aber sowas von veraltet. Das hab ich gleich mal durch einen <button> ersetzt. Wobei type="submit" der Default ist, also weggelassen werden kann.

🖖 Живіть довго і процвітайте

--
„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“
— @Grantscheam auf Twitter
0 45

Webseite zweisprachig gestalten

Treziman
  • design/layout
  1. 0
    Gunnar Bittersmann
    • internationalisierung
    • sprache
    1. 0
      Gunnar Bittersmann
    2. 0
      Treziman
      1. 0
        Der Martin
        1. 0
          Treziman
          1. 0
            Der Martin
            1. 0
              Treziman
              1. 0
                Der Martin
            2. 0
              Gunnar Bittersmann
              1. 0
                Treziman
                1. 0
                  Der Martin
                2. 0
                  Gunnar Bittersmann
                  1. 0
                    Treziman
                    1. 0
                      Der Martin
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Der Martin
                    2. 0
                      Gunnar Bittersmann
                      • meinung
                      1. 0

                        Nuhr: Gibt es intelligentes Leben?

                        Der Martin
                        • humor
                        • meinung
                    3. 0
                      Gunnar Bittersmann
                      1. 0
                        MudGuard
                        1. 0
                          Der Martin
                        2. 0
                          Gunnar Bittersmann
                          • begriff
                          1. 0
                            Treziman
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Treziman
  2. 0
    Raketenwilli
    1. 0
      Treziman
      1. 0
        Gunnar Bittersmann
        • internationalisierung
        • php
        • sprache
        1. 0
          Rolf B
          1. 2
            tk
            1. 0
              Rolf B
        2. 0
          MudGuard
        3. 0

          RFC ist „sowas von 1999“

          Raketenwilli
  3. 0
    Rosenköhl
    1. 0
      Gunnar Bittersmann
      • barrierefreiheit
      • formulare
      • html
      1. -2
        Rosenköhl
        1. 0
          Gunnar Bittersmann
          1. 0
            Treziman
            1. 0
              Treziman
              1. 0
                Gunnar Bittersmann
                • php
                1. 0
                  Treziman
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Treziman
                    2. 0
                      Der Martin
                      • https
                      • suchmaschinen