HTML 입력 양식 작성하기

폼 삽입하기 form 

<form [속성= "속성값"]>여러 폼 요소</form>

 

method 사용자가 입력한 내용을 서버 쪽 프로그램으로 어떻게 넘겨줄것인지 지정하는 것 

get과 post가 있다 post를 좀 더 사용 

 

name :  자바스크립트로 폼을 제어할 때 사용할 폼의 이름을 저장 

action : <form> 태그 안의 내용을 처리해 줄 서버 프로그램을 지정하는 것 

target : action 속성에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에서 열도록 하는 것 

 

---

 

간단한 로그인 폼 만들기 : 

    <form>

        <fieldset>

            <label>아이디 : <input type="text" id="userid" size="10" placeholder="아이디"></label>

            <label>비밀번호 : <input type="password" id="userpwd" size="10" placeholder="비밀번호"></label>

            <input type="submit" value="로그인">

        </fieldset>

    </form>

 

 

 

id 속성은 page 안에서 중복으로 사용을 할 수 없으며 주로 JavaScript에서 다루기 위해 지정한다 

name 속성 : page 영역에서 중복되어 사용이 가능하며 action에 해당하는 페이지에 전달할 수 있는 파라미터로 사용한다 

 

 

 

 

---

    <div>

            <input type="submit" value="가입하기">

           

            <input type="reset" value="취소하기">

        </div>

 

 

* span : inline 속성을 가지기 때문에 정해줄 수 없다. 

*div는 width height 크기를 지정이 가능하다. 

 

        <li>

            <label><input type="checkbox" value="s_3">선물용</label>

            <input type="number" min="0" max="5">개

        </li>