Auge: Button als Icon mit Tooltip

Beitrag lesen

Hallo

ich bau mal wieder an einer Webseite und möchte jetzt Html Inputfelder vom Typ "Button" als Icon darstellen und mit einem Tooltip ausrüsten. Die Html Button bau ich mit JS.

Ein inputvom Typ button hat keinen Inhalt, außer seinem value. Heutzugate gibt es keine Browser mehr, für die man <input type="button"> braucht. Nimm stattdessen, erst recht, wenn du irgendwas gestaltbares machen willst, einen button. Dem kannst du jegliche HTML-Elemente verpassen.

Erstelle den Tooltip, so es den wirklich einen braucht, mit dem Attribut title.

Gibt es einen sauberen Weg das zu machen?

S. o.

Im Internet werden Divs definiert die dann wiederum per css mit Tooltip und Icon befüllt werden.

Aua!

Macht man das so …

Nein.

… oder geht das sauberer?

S. o.

Tschö, Auge

--
Wenn man ausreichende Vorsichtsmaßnahmen trifft, muss man keine Vorsichtsmaßnahmen mehr treffen.
Toller Dampf voraus von Terry Pratchett
0 57

Button als Icon mit Tooltip

hmm
  • css
  • html
  • javascript
  1. 0
    Auge
  2. 0
    Martl
    1. 0
      hmm
      1. 0
        Auge
      2. 0
        Martl
  3. 0
    Gunnar Bittersmann
    1. 1
      JürgenB
      1. 0
        Matthias Apsel
        1. 0
          JürgenB
  4. 0

    Die Seite sieht aktuell so aus

    hmm
    1. 0
      hmm
    2. 0
      Julius
      1. 0
        hmm
    3. 0
      dedlfix
      1. 0
        hmm
        1. 0
          Achot
          1. 0
            hmm
            1. 0
              Achot
              1. 0
                hmm
                1. 0
                  Achot
                  1. 0
                    hmm
                    1. 0
                      Achot
                      1. 0
                        hmm
                        1. 0
                          Achot
            2. 0
              hmm
              1. 1
                Achot
                1. 0
                  hmm
              2. 0
                beatovich
                1. 0
                  Achot
                  1. 0
                    beatovich
                    1. 0
                      Achot
                      1. 0
                        beatovich
                        1. 0
                          hmm
                          1. 0
                            Achot
                          2. 0
                            beatovich
                            1. 0
                              hmm
                              1. 0
                                beatovich
                2. 0
                  dedlfix
                  1. 0
                    beatovich
        2. 1
          dedlfix
      2. 0
        Gunnar Bittersmann
        • css
        • html
        1. 0
          Achot
        2. 0
          dedlfix
    4. 0
      Gunnar Bittersmann
      • html
      • ux
      1. 0
        hmm
      2. 0
        Gunnar Bittersmann
        1. 0
          hmm
          1. 0
            Gunnar Bittersmann
            1. 0
              hmm
              1. 0
                hmm
                1. 0
                  hmm
  5. 0

    So siehts aktuell einem Bootstrap Template aus

    hmm
    1. 0
      hmm
    2. 0

      Neuste Seiten Version

      hmm
      1. 0
        Achot
        1. 0

          Allerneuste Fassung

          hmm