Das <button>-Tag definiert eine anklickbare Schaltfläche. Innerhalb eines <button>-Elements kann Text (und Tags wie <i>, <b>, <strong>, <br>, <img> usw.) eingefügt werden. Das ist bei einem Button, der mit dem <input>-Element erstellt wurde, nicht möglich!
Tipp: Gib immer das type-Attribut für ein <button>-Element an, um Browsern mitzuteilen, um welche Art von Schaltfläche es sich handelt.
|
Attribut |
Value |
Beschreibung |
|
autofocus |
autofocus |
Gibt an, dass eine Schaltfläche beim Laden der Seite automatisch den Fokus erhalten soll |
|
disabled |
disabled |
Gibt an, dass ein Button deaktiviert werden soll |
|
form |
Form_id |
Gibt an, zu welcher „Form“ die Schaltfläche gehört |
|
formaction |
URL |
Gibt an, wohin die Formulardaten gesendet werden sollen, wenn ein Formular gesendet wird. Nur für type="submit" |
|
formenctype |
application/x-www-form-urlencodedmultipart/form-datatext/plain |
Gibt an, wie Formulardaten codiert werden sollen, bevor sie an einen Server gesendet werden. Nur für type="submit" |
|
formmethod |
getpost |
Gibt an, wie die Formulardaten gesendet werden (welche HTTP-Methode verwendet werden soll). Nur für type="submit" |
|
formnovalidate |
formnovalidate |
Gibt an, dass die Formulardaten bei der Übermittlung nicht validiert werden sollen. Nur für type="submit |
|
formtarget |
_blank _self _parent _top framename |
Gibt an, wo die Antwort nach dem Absenden des Formulars angezeigt werden soll. Nur für type="submit" |
|
name |
name |
Gibt den Namen des Buttons an |
|
type |
button reset submit |
Gibt die Art des Buttons an |
|
value |
text |
Gibt einen Anfangswert für den Button an |
Beispiel 1:
<button type="button">Click Me!</button>
Beispiel 2:
Haben Sie noch Fragen zu diesem Thema? Oder brauchen Sie Hilfe bei der Gestaltung Ihrer Webseite von einer professionellen Internetagentur aus München? Dann kontaktieren Sie uns gerne!
