어떤 방식의 select박스 구조를 선호 하시나요?

Question

https://codepen.io/saleemsemo/pen/YZKwoE저는 퍼블리셔인데 디자인된 select박스는 보통 ul li구조로 만들잖아요? 근데 위에 방식으로 만들면 데이터 입히기 쉬워서 개발자 입장에서 더 좋으신가요?

kiel · Answer

둘 다 iteration 돌리면 결과 나오기는 마찬가지 입니다.그런데 'select' 는 아예 그 용도로 만들라고 제공된거 잖아요? ul / li 는 화면에 보여주기 용이지 데이터 전송을 의도하게 만들어진게 아니고.select 쪽이 서버에 전송 처리할때 훨씬 편합니다.

캐티 · Answer

ul li 만 사용한 구조로 만들면 웹 접근성에 심각한 위배를 일으킵니다. 방향키 입력이 제어되지 않으며 탭으로 선택이 불가능합니다. 이것을 해결하기 위하여 저는 별도로 구현한 리스트에 라디오 선택을 넣었고 적절하게 숨길 수도 있습니다. 장인 퍼블리서가 되려면 많이 알아야 해요!이렇고 데이터를 입력하기 쉽다는 것은 출력 템플릿의 차이가 아니겠나요. php 또는 이밖에 비슷한 템플릿 또는 제이쿼리에서 구현하기 어려워요. vue나 리엑트는 동적 가상 엘리먼트를 사용하고 유동적으로 리스트를 구현하는데요. 물론 정답은 없으므로 다양한 방법을 적용 할 수 있을 것이어요.

초무쿤 · Answer

일단 표준이요.

어떤 방식의 select박스 구조를 선호 하시나요?

3개의 답변

#selectbox 목록