Versteckte HTML-Buttons

Mit Webseitenformularen können Sie Daten von den Benutzern Ihrer Website erfassen. Dies ist in Unternehmenswebsites oft ein entscheidender Prozess. Einige Webformulare verwenden ausgeblendete Felder. In diesem Fall werden die HTML-Eingabeelemente im Markup einer Seite enthalten, sind jedoch für Benutzer nicht sichtbar. Es gibt verschiedene Möglichkeiten, ausgeblendete Felder und Schaltflächen in ein Webseitenformular aufzunehmen, indem das HTML-Eingabeelement mit bestimmten "type" -Attributen oder optional CSS-Code (Cascading Style Sheet) verwendet wird, manchmal zusammen mit der JavaScript-Verarbeitung.

HTML-Eingaben

HTML-Formulare verwenden Eingabeelemente. Es gibt verschiedene Arten von Eingabeelementen, einschließlich Schaltflächen, Kontrollkästchen, Textfeldern und mehr. Das "type" -Attribut für ein Eingabeelement bestimmt sein Aussehen und seine Funktion innerhalb der Seite. Wenn Sie das Attribut "type" eines Eingabeelements auf "hidden" setzen, wird ein ausgeblendetes Formularfeld erstellt. Das folgende Beispiel-Markup veranschaulicht:

Dadurch wird ein Feld erstellt, das als Teil des Formulars fungiert, in dem es enthalten ist, aber den Benutzern nicht angezeigt wird. Obwohl dies ein verborgenes Form-Eingabeelement ist, ist es keine Schaltfläche.

CSS-Sichtbarkeit

Um ein verstecktes HTML-Schaltflächenelement einzuschließen, haben Entwickler einige Möglichkeiten. Wenn ein Eingabeelement nicht als Attribut "type" "verborgen" ist, wird es standardmäßig auf der Seite angezeigt. Entwickler können CSS-Code verwenden, um ein Eingabeelement eines anderen Typs auszublenden. Mit dieser Methode kann ein Entwickler entweder ein HTML-Schaltflächenelement oder ein Eingabeelement enthalten, wobei "type" entweder auf "button" oder "submit" gesetzt ist. Der Entwickler kann dann die Schaltfläche mit CSS-Code formatieren und sie mithilfe der Sichtbarkeitseigenschaft wie folgt ausblenden:

input.hide {Sichtbarkeit: versteckt; }

Dies würde für die folgende Schaltfläche funktionieren:

JavaScript-Funktionen

Schaltflächen, die ausgeblendet sind, haben keine Standardfunktionalität, da dies davon abhängt, dass der Benutzer sie sehen und damit interagieren kann. Da ein Benutzer nicht auf eine Schaltfläche klicken kann, die nicht auf der Seite angezeigt wird, müssen Entwickler JavaScript-Funktionen verwenden, um eine Aktion anzufordern, die die Schaltfläche normalerweise bei Benutzer-Klicks auslösen würde. Beispielsweise könnte eine Seite eine JavaScript-Funktion verwenden, die bei einem anderen Ereignis, z. B. wenn der Benutzer mit einem anderen Formularelement interagiert, aufgefordert wird, die Formulardaten zu übermitteln. Einige Webformulare zeigen und verbergen auch Eingabeschaltflächen und andere Elemente, wenn der Benutzer mit einem Formular interagiert.

Überlegungen

Obwohl ausgeblendete Formularfelder und Schaltflächen in einigen Fällen geeignet sind, können sie unzuverlässig sein. In den meisten Fällen erstellen Entwickler verwendbare Ergebnisse mit Eingabeelementen in ihren Standardzuständen. Die meisten Formulare können erfolgreich mit Feldern, Schaltflächen und anderen Eingabeelementen strukturiert werden, die in der Art und Weise, wie sie der Benutzer erwartet, vollständig sichtbar und funktional sind.