Es gibt verschiedene Form Elemente. Input Felder, Textarea, Checkboxen, Select Boxen usw..
Passwort Icon ist über A11y erreichbar.
Range und Color haben eine "besondere" Darstellung und sind bisher nicht kompatibel. Ich gehe aber nicht davon aus, dass wir diese jemals bei uns brauchen werden. Daher stecke ich hier keine Mühe rein diese zentriert auszurichten und lasse die Default Darstellung lieber auf Baseline und bin mir sicher, das die anderen (Text) Inputs richtig funktionieren.
Für die Text Plaintext Ausgaben, wird per JS die Länge des Inputs per JS nachjustiert. Dafür ist die __js_plaintext_input__ CSS Klasse notwendig, die in der Komponente automatisch vergeben wird.
Reset Button hat nur wenige Optionen, da wir hier den Atom Button nicht nutzen können. Sollten mehr Optionen gebraucht werden, muss entweder konzeptionell nochmal drüber geschaut werden, oder on the fly die benötigten Optionen eingefügt werden. Maybe muss der Atom Button noch weiter atomatisiert werden.
In diesem Testcase wird das Formular ohne vorausgewählte Values ausgegeben und dann per JS befüllt, da der Reset Button die Default Werte beim Laden wiederherstellt und nur so es möglich ist, dies ohne extra Eingaben zu testen.