2010-05-10 8 views
3

글쎄, HTML의 라디오 그룹 및 드롭 다운 목록의 특성에 대해 궁금합니다. 라디오 버튼은 스타일을 짓기가 어렵지만 필자는 필수 필드에 대한 요소를 스타일 화하고 싶습니다.라디오 버튼 또는 드롭 다운 목록 사용

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

작동하지 않습니다 테두리 색상을 변경하는 라디오 버튼에 스타일을 적용 : 나는 라디오 버튼을 스타일링하고 텍스트 상자로 할 수있는 것처럼, 예를 테두리 색상을 제공에 관한 이전의 질문을했다.

내 질문 라디오 그룹의 insead 목록을 드롭 다운 목록으로 사용해서는 안되는 이유가 무엇입니까?

답변

2

드롭 다운 목록에는 사용 가능한 옵션을 찾기 위해 더 많은 작업 (사용자 측에서의 작업)이 필요하며 ... 어쨌든 라디오 버튼처럼 스타일을 정하는 것은 아닙니다.

라디오 그룹이 포함 된 필드 세트에서 테두리 색을 설정해보십시오. 또한 other method for indicating required fields을 사용하는 것을 잊지 마십시오.

2

라디오 그룹은 드롭 다운 목록보다 폼에서 더 많은 공간을 차지하게되며 물론 컨트롤의 모양이 다르게 보입니다. 엄지 손가락의 규칙은 3 개 또는 4 개의 선택 사항이있는 경우 드롭 다운 목록을 사용하는 것입니다.

0

대다수의 사용자 (컴퓨터 배경 및 고령자가없는 사람들이 대부분 포함)는 예/아니요, 남성/여성 등의 질문에 대한 대답에 대해 매우 잘 알고 있습니다. 사용자의 편의를 위해 그런 질문에 대한 라디오 버튼.

0

드롭 다운 목록에서 사용 가능한 옵션은 상호 작용할 때까지 사용자에게 표시되지 않습니다 (클릭). 라디오 버튼을 사용하면 사용 가능한 모든 옵션이 사용자 앞에 표시됩니다. 둘 모두 선택 옵션을 단 하나의 옵션으로 제한 할 수는 있지만 사용자는 라디오 버튼을 사용하여 원하는 옵션을 더 빨리 결정할 수 있습니다. 그것이 5 옵션 이상이라면, 나는 재고 할 것이다.

0

관련 질문 ux.stackexchange에 대해

하나의 선택 항목이 "더 중요"하다고 간주되고 대안이 사용자에게 숨겨져있는 경우 (예 : 미국에서 상태 선택) 드롭 다운 목록을 사용하십시오. 사용자는 한 주에 거주하며 대체 선택은 중요하지 않습니다. 사용자가 양식 항목을 보게되면 대안을 보지 않고 무엇을 선택해야하는지 정확하게 알 수 있습니다.

반면에 선택 항목이 모두 똑같이 중요하거나 사용자가 선택하기 전에 모두 표시해야하는 경우 라디오 버튼을 사용합니다 (예 : 1에서 5까지의 등급으로 등급 지정 또는 객관식 문제에 대한 대답 선택.

50 가지 상태 중 하나를 선택하는 데 라디오 버튼을 사용하지 않고 성을 선택하기위한 드롭 다운 목록을 원하지 않을 수도 있습니다 (남성 또는 여성).). 당신의 디자인과 철학에 따라,이 요소는 위에 언급 된 요소를 넘어서거나 그렇지 않을 수도 있습니다.