최고의 유용성을위한 양식 라벨 위치

나는 그들의를위한 방문자를 요청하는 형태로 만드는거야 firstname, middle initial등을 lastname. 해당 텍스트 필드를 모두 인라인으로 만들고 싶지만 레이블을 어디에 배치해야합니까? 왼쪽, 상단 또는 필드 아래에 있습니다.

유용성 관점에서 가장 좋은 방법을 찾고 있습니다.

UXmatters의이 연구를 살펴보십시오 . 상당히 깊이 있고 시선 추적에 대한 데이터를 포함하며 상단의 레이블이 전반적으로 최상의 솔루션이라고 결론을 내립니다.

이 누가 복음 로블 위스키에 의해 유사한 기사 도 상당히 상세하게는,. 두 기사 모두 읽을 가치가 있습니다!

가장 중요한 것은 나머지 사이트와 일관성을 유지하는 것입니다. 일반적으로 대부분의 웹 사이트는 텍스트 필드 왼쪽의 레이블을 수행합니다. 이 원인은 설명이 길기 때문에 공간이 있고 흐름이 잘되어 있는지 확인하십시오.

왼쪽에 오른쪽이 보이지 않거나 수행 할 공간이 없으면 위와 같이합니다. 그것은 매우 분명합니다.

내가 피할 수있는 유일한 방법은 텍스트 필드 아래에 레이블을 넣는 것입니다. 레이블이 필드 아래에 있으면 더 혼란스러워집니다.

일반적으로 상황에 따라 상단 또는 왼쪽이 가장 좋습니다. 접근성을 위해 레이블이 입력 필드 앞에 오도록하십시오.

여전히 페이지를 레이아웃하고 액세스 할 수있는 여러 가지 방법이 있습니다.

양식 레이블은 실제로 원하는 위치에 표시 될 수 있습니다. 이상은 볼 가치가 있습니다, http://patterntap.com/tap/collection/forms

가장 좋은 것으로 간주되는 두 가지 옵션이 있습니다.

• 라벨을 필드 왼쪽에 놓고 입력에 가까워 지도록 오른쪽으로 플러시합니다.
• 필드 자체 위의 레이블

레이블의 for 속성을 사용하고 있는지 레이블을 클릭하면 레이블이 지정된 필드에 초점을 맞출 수 있다는 점에서 유용성에 유의해야 할 또 다른 중요한 사항입니다.

답 : 위의 어느 것도 아닙니다. 필드 자체 내에 자리 표시 자 텍스트를 사용하십시오 . 자리 표시 자 특성은 HTML-5의 기본 제공 부분입니다.

그렇지 않으면 필드 위에 놓고 왼쪽 정렬이라고 말하고 싶습니다.

이것은 약간의 접선이지만 firstname / lastname / initial을 사용하지 마십시오. 모든 사람의 이름이 깔끔한 그룹에 속하지는 않습니다.

StackOverflow에 대해 인용하십시오.

많은 아시아 문화권에서 가족 이름이 가장 중요합니다. 가족보다 개인이 더 중요하기 때문입니다.

부모님이 부여하지 않은 이름을 사용하는 사람들이 상당히 많다는 것을 알고 다음과 같은 계획을 사용했습니다.

성명 (일반적으로 우편 주소지로 작성 됨); 가족 이름; 알려진 이름 (대화에서 일반적으로 사용되는 이름).

예 :

이름 : 윌리엄 게이츠 III; 성 : 게이츠; 알려진 : 빌

성명 : 숭리; 성 : Soong; 알려진 : 리사

자세한 내용은 /programming/259634/splitting-a-persons-name-into-forename-and-surname/259694#259694 를 참조 하십시오 .