폼(form) 관련 > 그누3 팁자료실

그누3 팁자료실

폼(form) 관련 정보

일반 폼(form) 관련

본문

팁은 아니고 그냥 참고 하세요.
의외로 모르시는 분들이 많이 있더군요.

폼태그사용시 태그 아래쪽에 원치않는 빈여백이 생깁니다.

테이블 밖에 폼 태그 빼내지 않고 스타일 시트를 이용해서 빈여백을 없애는 방법으로
태그 안에 style="margin:0"을 넣으면 됩니다.

적용하기전적용후
Sample 1 Sample 2
Sample 1Sample 2

<form name="form1" >
<select name="select">
  <option selected>Sample 1</option>
  <option>Sample 2</option>
</select>
</form>

<form name="form1" style="margin:0">
<select name="select2">
  <option selected>Sample 1</option>
  <option>Sample 2</option>
</select>
</form>
추천
0

댓글 전체

hwatta 님 style="margin:0" 를 사용할 경우엔 <td> 안에 <form> 태그를 사용해도 테이블 간격이 벌어지지 않습니다.
굳이 <table>태그와 <tr>태그 사이로 빼실 필요가 없습니다.



물론 모질라 계열의 브라우저로 볼 경우는 <form>태그를 아무렇게나 사용해 놓아도 테이블 간격이 벌어져
보이진 않겠지만 익스에서는 간격이 드러나 보이죠...

될수 있으면 여러개의 브라우저를 띄우더라도 같은 모습을 보여 주면 좋을듯 해서 끄적여 봤습니다.

자신의 홈을 제작하실때 스타일시트에 img { border-width: 0px; }을 한번 넣어 많이 사용하듯
form { margin:0; } 도 함께 한번만 넣어 주시면 코딩하기가 편해 지겠죠....

그럼 위에서처럼 폼안에 일일이 style="margin:0  타이핑 하시지 않아도 테이블 밖으로 빼시지 않아도
익스에서 폼 여백으로 인한 테이블 간격 걱정은 안하셔도 될겁니다.

 ^____^;;
<table>
<form name="form1" style="margin:0">
<tr><td>
<select name="select2">
  <option selected>Sample 1</option>
  <option>Sample 2</option>
</select>
</td></tr>
</form>
</table>
hwatta 님 style="margin:0" 를 사용할 경우엔 <td> 안에 <form> 태그를 사용해도 테이블 간격이 벌어지지 않습니다.
굳이 <table>태그와 <tr>태그 사이로 빼실 필요가 없습니다.



물론 모질라 계열의 브라우저로 볼 경우는 <form>태그를 아무렇게나 사용해 놓아도 테이블 간격이 벌어져
보이진 않겠지만 익스에서는 간격이 드러나 보이죠...
전체 1,026
그누3 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT