Verwenden Sie Optionsfelder oder Dropdown -Listen

Question

Nun, ich bin gespannt auf die Natur von Radiogruppen und Dropdown -Listen in HTML. Ich habe festgestellt, dass Optionsknöpfe schwer zu stylen sind, aber ich möchte meine Elemente für die erforderlichen Felder stylen. Ich habe eine frühere Frage zum Styling -Optionsschaltflächen und zum Angeben einer Grenzfarbe gestellt, wie Sie es mit Textfeldern tun können, Beispiel:

<input type="text" style="border-color:#FF0000">
<input type="radio" style="border-color:#FF0000">

Das Anwenden von Stil auf ein Optionsknopf, um die Grenzfarbe zu ändern, funktioniert nicht.

Meine Frage gibt es einen Grund, warum ich keine Dropdown -Liste einer Funkgruppe verwenden sollte?

Answer 1

Dropdown -Listen erfordern mehr Arbeit (seitens des Benutzers), um herauszufinden, welche Optionen verfügbar sind… und sind ohnehin genauso twiddly, um zu stylen.

Sie können versuchen, die Randfarbe auf dem Felderset zu setzen, der stattdessen die Funkgruppe enthält. Denken Sie daran, auch einige zu verwenden Andere Methode zur Anzeige der erforderlichen Felder obwohl.

Answer 2

Eine Radiogruppe nimmt mehr Platz in Ihrem Formular als eine Dropdown -Liste, und natürlich sehen die Steuerelemente im Aussehen anders aus. Meine Faustregel lautet, wenn es mehr als drei oder vier Möglichkeiten gibt, verwenden Sie eine Dropdown -Liste.

Answer 3

Die Mehrheit der Benutzer (umfasst hauptsächlich Personen ohne Computerhintergrund und ältere Menschen) sind mit Optionsschaltflächen sehr vertraut, um Fragen des Typs Ja/Nein, männlich/weiblich usw. zu beantworten Fragen.

Answer 4

Mit Dropdown -Listen sind die verfügbaren Optionen für den Benutzer ersttbar, wenn er interagiert (klicken Sie darauf). Bei Optionspunkten stehen alle verfügbaren Optionen vor dem Benutzer. Beide ermöglichen es Ihnen, die Auswahlauswahl auf nur eine Option zu beschränken, aber ich finde, dass Benutzer entscheiden können, welche Option sie mit Optionsfeldern schneller erwarten. Wenn es jedoch mehr als 5 Optionen sind, würde ich mir noch einmal überdenken.

Answer 5

Verwandte Frage zu ux.Stackexchange.

Verwenden Sie eine Dropdown-Liste, wenn eine Wahl als "wichtiger" angesehen wird und die Alternativen in Ordnung sind, wenn sie vor dem Benutzer verborgen sind, z. 'T Matter. Wenn der Benutzer zum Formularelement kommt, wissen er genau, was er auswählen soll, ohne die Alternativen zu betrachten.

Verwenden Sie dagegen Optionsfelder, wenn die Auswahl alle gleich wichtig sind oder der Benutzer alle vor der Auswahl auf einer Skala von 1 bis 5 bewertet oder eine Antwortauswahl auf einem ausgewählt hat. Multiple-Choice-Problem.

Ein weiterer Faktor, der berücksichtigt werden muss, ist der Bildschirm im Real-Estate: Sie möchten keine Optionsschaltflächen für die Auswahl eines von 50 Zuständen, und Sie möchten wahrscheinlich keine Dropdown-Liste für die Auswahl eines Geschlechts (männlich oder weiblich). Abhängig von Ihrem Design und Ihrer Philosophie kann dieser Faktor die oben genannten Faktoren übertreffen oder nicht.