Hübi: <button></button> submitted form, soll es aber nicht

Hallo,

auf der Suche nach einem Button, den ich mit einer JS-Funktion ausstatte, bin ich auf den button Tag gestossen. Ich möchte sowas:

<button name=egal id=evtlauchegal onclick='javascript:alert("naja, hier steht dann die JS-funktion");'>Los gehts (aber nicht so wie du denkst)</button>

Leider sendet er das ganze Formular immer an die im action-argument der Form gegebene URL.

Lt. http://de.selfhtml.org/html/formulare/formularbuttons.htm#weitere_infos@title=Self müsste ich allerdings dazu erst den Typ "submit" angeben.

Um einen Button zum Absendebutton (Submit-Button) zu erklären, müssen Sie im einleitenden <button>-Tag type="submit" notieren.

Wie kann ich einen Button mit JS-Funktion definieren, der in allen Browsern funktioniert und der die Form nicht sendet.

Grüße

  1. Hi,

    <button name=egal id=evtlauchegal onclick='javascript:alert("naja, hier steht dann die JS-funktion");'>Los gehts (aber nicht so wie du denkst)</button>

    Leider sendet er das ganze Formular immer an die im action-argument der Form gegebene URL.

    Natürlich - da du kein type-Attribut angegeben hast, wird der Defaultwert genommen, und der ist nun mal "submit".
    http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#h-17.5

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Natürlich - da du kein type-Attribut angegeben hast, wird der Defaultwert genommen, und der ist nun mal "submit".
      http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#h-17.5

      Hey, super.
      Vielen Dank.

      Ich will ja nicht rumschnörseln, aber könnte man nicht auf der http://de.selfhtml.org/html/formulare/formularbuttons.htm@title=Self-Seite darauf hinweisen?

      Grüße

      1. Tach,

        Ich will ja nicht rumschnörseln, aber könnte man nicht auf der http://de.selfhtml.org/html/formulare/formularbuttons.htm@title=Self-Seite darauf hinweisen?

        da ist doch ein Verweis auf http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern, wo es erklärt wird.

        mfg
        Woodfighter

        1. da ist doch ein Verweis auf http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern, wo es erklärt wird.

          Oh, ja, wunderbar. Das hätte ich auch finden können... :(

      2. [latex]Mae  govannen![/latex]

        Natürlich - da du kein type-Attribut angegeben hast, wird der Defaultwert genommen, und der ist nun mal "submit".
        http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#h-17.5

        Ich will ja nicht rumschnörseln, aber könnte man nicht auf der http://de.selfhtml.org/html/formulare/formularbuttons.htm@title=Self-Seite darauf hinweisen?

        Das ist allerdinsg ziemlich unsinnig beschrieben[1]. Die Antwort steht aber sowohl (etwas verklausuliert) hier (worauf auch in deiner verlinkten Seite verwiesen wird) als auch hier.

        Stur lächeln und winken, Männer!
        Kai

        [1] Die Formulierung  "Um einen Button zum Absendebutton (Submit-Button) zu erklären, müssen Sie im einleitenden <button>-Tag type="submit" notieren." impliziert jedenfalls, daß dem nicht so ist, wenn das type-Attribut nicht gesetzt ist.

        --
        Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken
        in Richtung "Mess up the Web".(suit)
        SelfHTML-Forum-Stylesheet
  2. Hi!

    auf der Suche nach einem Button, den ich mit einer JS-Funktion ausstatte, bin ich auf den button Tag gestossen. Ich möchte sowas:

    Geht auch mit dem input-Element. Und wie beim button-Element muss man das type-Attribut auf "button" stellen, damit nichts abgeschickt wird.

    Lo!