이는 표준에 위반되는 행위이며 스크립트로 form 을 제어 할 수 없는 위험한 상태까지 가게 된다.
따라서 표준 브라우져에서 가능하려면 아래의 `올바른 코딩법`으로 코딩하기 바란다.
form 에 대한 margin 값을 없애기 위해
<style type='text/css'>을 꼭 추가 하기 바란다.
form {
margin:0;
}
</style>
틀린 코딩법
<table>
<form><tr><td><inpu type='text'></td></tr></form>
</table>
올바른 코딩법
<form>
<table><tr><td><input type='text'></td></tr></table>
</form>
자바스크립에서 표준에 맞도록 image, form, input element에 접근하기 위해서는 아래와 같이 사용하기 바란다.
document.images['bar'] // name 이 있는 경우
document.images[0]
document.images[1]
document.forms['execform'] //name 이 있는 경우
document.forms[0].elements['addr']
document.forms[0].elements[0]
![[책] 웹디자인 2.0 고급 CSS : 감각적인 웹디자인 예술 미학](/blog/thumbnail/1/JP_Thumb/sidebar/thumb_1189072137.jpg)
![[도서] PT스킬 업그레이드 - 프리젠테이션 젠](/blog/thumbnail/1/JP_Thumb/sidebar/thumb_1133761333.gif)
맞습니다. 이것도 올바르지 않은 습관 중에 하나죠. 테이블 없으면 form의 여백 나오는 거 그냥 막막해 하죠. 꼭 테이블을 써야 할 것 같은 압박이 드는... 2006/09/07 15:13
IE 에서 되던 form control 자바스크립트가 Firefox 에서는 동작을 안하더군요! 그래서 웹표준가이드를 찾아 보니 관련 내용이 있어서 수정을 했더니 잘되는 군요..
웹표준을 지키기 위해 나름 데로 열심하고 있지만 아직도 배울게 너무 많다는.. ^^
참 Channy 님 웹표준가이드 저자시죠.. ^^
방문에 감사 드리구여.. 웹표준가이드통해서 많이 배우고 있습니다. ^^ 2006/09/07 16:32
CSS외에 마크업에 대한 이야기를 조금 드리고 싶어서요^^;;
아실 수도 있지만 혹시 도움이 될 수도 있을 것 같아서요.
1. <label>
<label>은 사용자 입력 콘트롤과 입력 콘트롤의 제목을 연결시켜주는 역할을 한다. <label>과 콘트롤을 연결하기 위해서는 <label>의 for와 콘트롤의 id를 동일하게 맞추면 된다.
<label for="main-login-id">아이디</label>
<input id="main-login-id" type="text">
2. <fieldset>, <legend>
<fieldset>은 폼 콘트롤 들을 그루핑 하는 데에 사용되고 각각의 그루핑된 콘트롤 들은 <legend>을 사용하여 제목을 설정한다.
<form action="/admin/login.php" method="post">
<fieldset>
<legend>로그인</legend>
<label for="user-password">비밀번호</label>
<input id="user-password" type="password" name="password" />
<input type="submit" value="로그인" />
</fieldset>
</form>
^^;;; 2006/11/08 09:51
^^ 알고 있는 내용이지만 이글을 찾는 분들에게 도움이 될만한 정보입니다. 감사하구여
유인동님의 홈페이지를 들렸더니 센스쟁이시네요
남 다른 디자인이 독보입니다.
저도 언제 그런 홈페이지를 가질 수 있을지 디자인 쪽은 영~ 꽝인지라.. .ㅎㅎ 즐거운 하루 보내세요 2006/11/08 18:47