라디오 버튼 그룹 내의 드롭 다운 또는 기타 입력
나는 기본적으로 거대한 설문지와 같은 응용 프로그램의 개발을 맡았습니다. 일부 디자인 선택으로 인해 잘못된 HTML이 발생하여 수정하려고합니다. 주요한 것은 드롭 다운이 라디오 버튼과 연결된 곳입니다. 이 드롭 다운 (입력 선택)은 <label>라디오 입력 과 동일한 내부에 중첩되었습니다 . 이 문제를 해결하는 동안이를 표시하는 더 좋은 방법이 있는지 궁금합니다. 다음은 현재 UI의 예입니다.
다음 옵션 중 하나 를 선택하십시오 .
- 라디오 1-값이 많은 드롭 다운
- 라디오 2
- 라디오 3
- 라디오 4
다음은 슬라이더가있는 예입니다.
건강 문제가 있었던 기간 :
- 건강 문제 없음
- 0 ~ 200 개월-슬라이더 입력
- 200 개월 이상
- 알 수 없는
- 관련 없음
Radio-1은 20 개 이상의 값을 가질 수 있습니다. 옵션 중 하나만 선택할 수 있으므로 라디오 버튼 스타일 질문입니다. 옵션 2-4는 관련성이없고 거기에서 길을 잃을 수 있기 때문에 드롭 다운 안에 옵션 2-4를 넣을 수는 없습니다. Radio-1의 대체 옵션이 아닌 대체 옵션으로 사용자에게 표시되어야합니다. 이것이 의미가 있기를 바랍니다!
이러한 상황에 대해 알려줄 수있는 디자인 패턴이나 리소스가 있습니까?
어떤 도움을 주시면 감사하겠습니다!
답변
사용자가 라디오 버튼을 선택할 때 다른 양식 컨트롤을 표시합니다.
참고 : 슬라이더와 선택 상자를 피하십시오. 사용하기 어렵습니다.
고전적인 점진적 공개 상호 작용의 기회처럼 들립니다.
처음부터 사용자가 각 라디오 버튼에 하나씩 4 개의 간단한 문구를 본다고 상상해보십시오.
아직 드롭 다운 목록을 표시하지 마십시오.
사용자가 최상위 라디오 버튼 (여러 기본 옵션이있는 버튼)을 선택하면 해당 시점에서만 인터페이스가 새로운 조건 필드를 표시합니다 (조건 : 라디오 버튼이 선택됨).