Mozilla 한국 커뮤니티

지금껏 IE에만 맞춰서 웹페이지를 만들다가 이제서야 표준에 맞춰서 제작해보려는 초보자입니다.

가장 첫 페이지인 로그인 페이지를 만드려고 하는데 어렵네요 @_@;;

아래는 제가 만든 첫 페이지의 Body 부분입니다.

Code: Select all

  <body>
    <form action="#" method="get">
    <div id="container">
    <fieldset>
      <legend>Login Form</legend>
        <label for="LogID" title="아이디를 입력하세요."> ID </label>
        <input type="text" name="lId" id="LogID" class="tbxLogin" / >
        <label for="LogPW" title="비밀번호를 입력하세요."> PW </label>
        <input type="text" name="lPw" id="LogPW" class="tbxLogin" / >
        <input type="submit" value=" 로그인 " id="btnLogin" / >
    </fieldset>
    <fieldset>
      <legend>Register Button</legend>
        <input type="button" value=" 가입 " id="btnRegister" / >
    </fieldset>
    </div>
    </form>
  </body>

1. fieldset을 통해서 로그인(아이디, 비밀번호, 로그인 버튼) 부분과 가입 버튼 부분으로 나누는 것과 아이디, 비밀번호 입력 부분과 버튼 부분을 fieldset으로 나누는 것이 좋은지 궁금합니다.

2. fieldset안에 각각의 컨트롤 부분을 div로 다시 감싸주는 것이 옳은 것인지 궁금합니다.

3. button, submit의 스타일을 지정하기 위해서 스타일시트에 button, .button, input.button를 써봤지만 적용이되지 않습니다. class=를 이용해야만 하는건가요?

이제 막 시작한 초보라 그런지 간단한 것에서부터 버벅거리고 있습니다. OTL

hangul20 wrote:1. fieldset을 통해서 로그인(아이디, 비밀번호, 로그인 버튼) 부분과 가입 버튼 부분으로 나누는 것과 아이디, 비밀번호 입력 부분과 버튼 부분을 fieldset으로 나누는 것이 좋은지 궁금합니다.

fieldset은 주제별로 컨트롤들을 묶어 주는데 사용합니다.
따라서 input vs. button으로 묶는 것은 옳지 않고 지금 사용하신 것 처럼 하면 됩니다.

hangul20 wrote:2. fieldset안에 각각의 컨트롤 부분을 div로 다시 감싸주는 것이 옳은 것인지 궁금합니다.

div로 감싸야만 할 필요는 없지만 IE에서 스타일을 입히려면 div나 span과 같이 구분을 해 주어야 할 것입니다.

hangul20 wrote:3. button, submit의 스타일을 지정하기 위해서 스타일시트에 button, .button, input.button를 써봤지만 적용이되지 않습니다. class=를 이용해야만 하는건가요?

button이나 submit은 type이기 때문에 type selector를 사용해야 합니다.

Code: Select all

input[type=submit], 
input[type=button] {
/* 스타일 */
}

하지만 이 type selector는 IE6에서는 지원되지 않습니다. 그래서 class를 사용하시는 것을 권장해 드립니다.

Mozilla 한국 커뮤니티

로그인 페이지에서...

로그인 페이지에서...

Re: 로그인 페이지에서...