많은 사람들이 html

도움이 되었습니까?

해결책

수동으로 선택/선택하는 JavaScript OnClick 동작이있는 수동 항목 목록 (예 : 간단한 링크) 만 사용할 수 있습니다. 기본적으로 두 값 사이의 CSS 클래스를 변경하고 제출 중에 선택을 결정하기 위해이 CSS (또는 다른 속성)를 확인함으로써.

이를 통해 사용자는 표준 CTRL+클릭 요구 사항 대신 클릭하여 클릭하여 항목을 선택하고 선택 해제 할 수 있습니다.

다른 팁

과거에 사용한 대안은 다음과 같습니다.

1) 소수의 항목의 경우 확인란 목록을 사용하십시오. 확인란은 훨씬 직관적이고 사용하기 쉽지만 많은 품목의 경우 문제가 될 수 있습니다. 그럼에도 불구하고 품목의 수가 증가하면 다음을 추가 할 수 있습니다.

<div style="overflow: scroll" />

고정 높이로.

2) 매우 많은 품목의 경우 실제로 선택된 항목이 거의 없을 때 특히 선택한 내용을보기가 어려워집니다. 이 경우 아이템을 서로 이동할 수있는 두 목록은 훨씬 더 나은 접근 방식입니다.

3) 항목 수가 크지 않지만 몇 개보다 크지 않은 경우, 작은 공간 만 차지할 수있는 이점이있는 확인란 빌드 사내에서 드롭 다운을 사용했습니다. 같은 것 이것 도움이 될 수 있습니다.

사용 가능한 두 개의 목록 상자와 하나는 선택된 목록 상자를 사용하는 것이 좋습니다. 목록 중 하나에서 항목을 클릭하거나 두 번 클릭하면 항목을 다른 목록으로 이동해야합니다. 편의를 위해, 두 개의 "이동"버튼도 포함시킬 것입니다. 이 접근법은 놀랍게도 웹 애플리케이션 및 데스크탑 응용 프로그램에서 평균 사용자와 잘 작동합니다.

무자비한 사용자는 3 개의 드롭 다운을 가진 사용자에게는 가장 잘 작동 할 수 있습니다> :

<select><option>Capa Verde</option></select>
<select><option>Holiday</option></select>
<select><option>Competition</option></select>

또는 클릭 한 후에는 붙잡는 다양한 버튼이있을 수 있습니다. 그러나 최대 3 가지 옵션의 한계를 전달하는 것은 어려울 것입니다.

각 사진을 개별적으로 표시해야하고 한정된 수의 카테고리가있는 경우 사진 상단에 카테고리 목록 (여러 열에있을 수 있음)을 표시 할 수 있습니다 (항목을 읽을 수 있도록해야합니다. 그리고 클릭 할 수 있음을 나타냅니다.) 사용자가 한 번의 클릭으로 태그를 선택하고 선택 해제 할 수 있습니다. 키보드 친화적이지는 않지만 포인팅 장치없이 웹을 사용하는 것은 대부분 불가능합니다. 이 경우 공간 위치를 사용하여 카테고리 및 사진을 연결합니다.

두 개의 더미 (사용 가능 및 선택된) 등이있는 다양한 옵션이 있습니다.

최소한 "복도"유용성 테스트를 할 수 있습니까?

사용자 용어의 실제 작업은 무엇이며 사용자는 누구입니까?

나는 다중 선택을 싫어합니다. 특히 아이템을 나중에 편집 할 수있을 때 (CTRL을 보유하지 않고 클릭하면 이미 선택한 것을 잃어 버립니다). 내 경험에서 가장 좋은 두 가지 옵션은 다음과 같습니다.

세 가지 별도의 선택 옵션이 있습니다 (3 개로 제한하는 경우). 여기서 이점은 "최대 3 개의 선택"에 대한 지침이 사용자 경험을 잘 유지하고 작은 JavaScript를 사용하면 두 번째 드롭 다운에서 첫 번째 선택을 제거하여 혼란을 제거 할 수 있다는 것입니다.
확인란 사용. 확인란의 이점은 아마도 데이터베이스와 더 잘 일치 할 수 있다는 것입니다. 그리고 정보는 사용자에게 매우 직관적이며 사용자 경험이 매우 견고 할 수있는 옵션을 제시하는 방법에 대한 약간의 생각으로 약간의 생각입니다. 전. 확인란을 이해하는 영역으로 그룹화합니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow