요소 무거운 웹 양식의 예를 어디에서 찾을 수 있습니까?

Question

입력 필드가 많은 양식 레이아웃 (웹 기반)의 몇 가지 예를보고 싶습니다. 나는 많은 웹 응용 프로그램 개발을 수행하고 많은 양식이 입력 요소가 무겁기 때문에 항상 내 양식을 표시하는 방법에 대한 좋은 아이디어를 찾고 있습니다. 예를 들어, 몇 개의 목록 상자와 많은 텍스트 상자와 페이지에 일부 드롭 다운이 있으며 양식 변경 기록을 표시합니다.

Answer 1

나는 항상 방문을 좋아합니다 우푸 내가 어떤 형태의 영감이 필요할 때마다.

Answer 2

그것은 당신의 초점이 데이터 입력 또는 사용자 경험이 무엇인지에 달려 있습니다. 을 위한 데이터 입력 기본 목표는 입력 상자를 서로 가깝게 유지하고 탭 키와 매우 잘 흐르도록하여 사용자가 키보드에서 손을 떼지 않아도됩니다. 또한 공간을 최소로 유지하고 가능한 한 페이지에 많은 상자를 포함 시키려고 노력해야합니다.

을 위한 사용자 경험, 그 반대의 사실은 사실입니다. JavaScript 유효성 검사 문제를 식별 할 수있는 충분한 공간이 있는지 확인하고 새로운 사용자에게는 양식이 전원 사용자와 마찬가지로 작동하는지 확인해야합니다. 전원 사용자 == 헤비 데이터 입력 사용자.

우푸 사용자 경험은 꽤 좋지만 위에서 언급 한 데이터 입력 사용자에게는 효과가 없습니다. 사용자가 버튼을 클릭하려면 중지해야하기 때문입니다.

Answer 3

Smashing Magazine은 CSS 기반 형태의 영감 / 기술 / 튜토리얼의 좋은 라운드 업을 가지고 있습니다.

확인 해봐 여기.