Was bewirkt das Formularattribut Role='form' im Bootstrap?

Die Rolle in HTML besteht im Wesentlichen darin, die Semantik zu verbessern. Wenn die vorhandenen HTML-Tags die Semantik nicht vollständig ausdrücken können, können Sie sie mit der Rolle erklären. Normalerweise geschieht dies mit einigen angepassten Komponenten, die die Zugänglichkeit, Benutzerfreundlichkeit und Interaktivität der Komponenten verbessern können.
Die Rolle der Rolle besteht darin, die tatsächliche Rolle eines nicht standardmäßigen Tags zu beschreiben. Wenn p beispielsweise als Schaltfläche verwendet wird und ps Rolle = „Schaltfläche“ festgelegt ist, kann das Hilfstool erkennen, dass es sich tatsächlich um eine Schaltfläche handelt
Beispiel:

<p role="checkbox" aria-checked="checked"></p>

Das Hilfstool erkennt, dass dieses p tatsächlich ein Kontrollkästchenzeichen ist und sich im ausgewählten Zustand befindet.

Rolle ist barrierefreies Lesen, ein Attributsatz für Menschen mit Legasthenie. Menschen mit Legasthenie können eine Bildschirmlesesoftware zur Analyse verwenden. , hat mit normalen Menschen wenig zu tun. Sie müssen es nicht einrichten. Wenn Sie es nicht einrichten, kann die Bildschirmlesesoftware es nicht analysieren und Menschen mit Legasthenie können es nicht „lesen“.

Da es eine gute Programmiergewohnheit ist, ist es besser, in allen Tags eine Rolle zu schreiben?
Zum Beispiel

<p role = "p"></p>

Normaler Text kann gelesen werden, aber manchmal gibt es keine Passwort-Eingabeaufforderung vor dem Passwort-Eingabefeld im Formular Verwenden Sie den Platzhalter in der Box. Normale Leute wissen, dass sie das Passwort hier eingeben können, können es aber nicht lesen, dann wird das Ding funktionieren.

Das Attribut „role“ dient dazu, Barrierefreiheitsanwendungen (z. B. Bildschirmleseprogramme, praktische Programme für den Internetzugang für Blinde) mitzuteilen, dass es sich um eine Schaltfläche handelt. Im HTML5-Element verfügt das Tag selbst über eine Semantik, sodass keine Rolle hinzugefügt werden muss. Dies wird jedoch nicht empfohlen. Viele Bootstrap-Fälle verfügen jedoch über ähnliche Attribute und Deklarationen, um mit älteren Browserversionen kompatibel zu sein Agent): Wenn Ihr Code HTML5-Tags verwendet und ältere Browserversionen nicht unterstützt, können Sie das Rollen-Tag auch nicht verwenden.

Weitere verwandte Artikel über die Rolle des Formularattributs role="form" im Bootstrap finden Sie auf der chinesischen PHP-Website!