Definition einer HTML-Web-Schaltfläche

September 21

Definition einer HTML-Web-Schaltfläche

HTML-Schaltflächen bieten Benutzerinteraktion in Webformularen, die verschiedene Arten von-Schaltfläche, mit der Button-Tag oder die input-Tag enthalten können. Diese Formen erfassen Benutzerinformationen und interaktive Funktionen ausführen. Vorzulegen Sie, dass die Schaltflächen unter den häufigsten Arten, Senden von Benutzerinformationen an serverseitigen Skripts sind. Button-Elemente in HTML-Seiten können auch eine Vielzahl von Attributen, die ihre Darstellung und Verhalten bestimmen.

Input-Tag

Die input-Tag kann eine Vielzahl von interaktiven Elementen in einem Webformular, einschließlich Schaltflächen präsentieren. Das input-Element hat ein Type-Attribut, dessen Wert bestimmt, welche Art von input-Element auf der Webseite angezeigt wird. Der folgende Beispiel-HTML-Markup-Code veranschaulicht das Erstellen ein Element Button-Typ:

< Eingang Typ = "Knopf" Value = "A Button" onclick="buttonClicked()" / >

Dieser Code wird eine Schaltfläche angezeigt, mit der "Wert" Text auf es. Wenn der Benutzer die Taste drückt, wird der Browser suchen und führen Sie eine JavaScript-Funktion namens "ButtonClicked" wie innerhalb der "Onclick" Ereignis-Listener-Attribut angegeben.

Button-Tag

HTML-Formulare können Schaltflächen mit den input-Tag, anstatt die Button-Tag mit Schaltflächenset als das Type-Attribut enthalten. Der folgende Markup-Beispielcode veranschaulicht diese Technik:

< Schaltfläche Typ = "button" > Knopf A < / Taste >

Das Type-Attribut muss immer mit dem Button-Element angezeigt werden, da der Standardtyp in Web-Browsern, variiert, so dass der Browser des Benutzers auf unvorhersehbare Weise auf Tastendrücke reagieren kann, wenn das Attribut nicht festgelegt ist. Wie input-Tags mit Button-Typ können Button-Tags Ereignis-Listener-Attribute enthalten, die die Funktionen ausführen auf Mausklicks bestimmen. Auf ein Button-Element angezeigte Text wird zwischen den öffnenden und schließenden Button-Tags und nicht als das Value-Attribut, da mit dem input-Element angezeigt.

Schaltfläche einreichen

Reichen Sie ein, dass Schaltflächen erscheinen oft in Webformularen. Die Besucher Informationen und Wünsche dies an eine Website übermitteln eingegeben hat, können sie dies tun, durch Drücken der Schaltfläche Absenden. Manchmal führt eine JavaScript-Funktion zuerst überprüfen, ob der Benutzer das Formular über eine gültige Eingabe beendet hat. Wenn ein Formular gesendet wird, werden die Daten oft an ein serverseitiges Skript gesendet, zur Weiterverarbeitung, wie die Ergebnisse in einer Datenbank speichern. Der folgende Beispielcode Markup veranschaulicht, einschließlich einer Senden-Schaltfläche in einem Webformular:

< Eingang Typ = "submit" / >

Sie müssen nicht das Value-Attribut für eine Senden-Schaltfläche außer zu benutzerdefinierten Text anzeigen auf sie zählen.

Andere Button-Typen

HTML-Formulare können Schaltflächen als Taster integrieren. Radio-Buttons ermöglichen, dass Formulare bieten Auswahlmöglichkeiten, von denen nur einer der Benutzer, wie im folgenden Beispielcode auswählen kann:

< Eingang Typ = "Radio" Name = "Ehe" Value = "verheiratet" / > verheiratet

< Eingang Typ = "Radio" Name = "Ehe" Value = "unverheiratete" / > unverheiratet

Reset-Buttons erlauben dem Benutzer, schnell zurückgesetzt, alle Benutzer-input-Elementen in einem Formular, über das folgende Markup:

< Eingang Typ = "reset" / >

Bildtasten können das gleiche Verhalten haben, wie-Schaltflächen senden, sondern ermöglichen es dem Entwickler ein benutzerdefiniertes Bild anstelle des Browsers Standardbutton Bild enthalten:

< Eingang Typ = "Bild" Alt = "submit Form" / >