2012-06-21 4 views
0

사용자 등록 양식 (두 개의 열이있는 클래식 레이아웃, 왼쪽의 레이블, 오른쪽의 필드)을 수행해야합니다. 레이블은 영어 또는 프랑스어로 표시 될 수 있습니다 (따라서 다른 레이블 길이도 가능함). 는 HTML 수준에서 사용자 등록 양식 : 표 VS 레이아웃 목록

, 어떻게해야합니까 :

<form ...> 
<ul> 
<li> 
    <label ...>...</label> 
    <input ... /> 
</li> 
</ul> 
</form> 

또는

<form ...> 
<table> 
<tr> 
    <td><label ...>...</label></td> 
    <td><input ... /></td> 
</tr> 
</table> 
</form> 

? 나는 (레이블과 필드 사이의 수직 정렬) 작업을 쉽게 찾을 수 있기 때문에

는 개인적으로 나는,이 경우 테이블 레이아웃에 갈 것이다, 그것은 쉽게 다른 레이블 길이에 자신을 적응시킬 수있다.

그러나 몇 년 이래로 레이아웃 목적으로 테이블을 과도하게 사용하지 않기 위해 일반적으로 테이블을 divs/목록으로 대체 할 수 있습니다. 나는 그것을 이해할 수 있지만 (중첩 된 표 셀 대신 층이있는 일반적인 레이아웃 조직을 선호한다), 이것이 사용자 등록 양식에도 적용 되는가?

장래/단점은 무엇입니까?

+0

비슷한 모양 : http://stackoverflow.com/questions/6951700/2-column-html-layout-with-stretch-to-fit-column?rq=1 http://stackoverflow.com/questions/109488/in-html - rt = 1 일 때 표 - 태그를 사용하는 디자인은 나쁜 것입니다. –

답변

0

나는 "대 테이블 divs"와 같은 불꽃 전쟁을 끝내고 있습니다. 나는 간단한, 호환, 유지 보수 솔루션을 원하기 때문에

나는 좋은 국제화 지원 (가변 길이 라벨 => 변수 왼쪽 열 너비를) 제공 테이블를 사용합니다.

레이아웃의 모든 것을 테이블로 사용한다는 것은 아니지만이 특정 등록 양식의 경우에는 그렇습니다.

참조 :

  • http://thinkvitamin.com/design/tables-the-next-evolution-in-css-layout/