개발 공부 기록하기

DAY 3. Form 삽입에 관련된 tag(1) 본문

프밍/HTML

DAY 3. Form 삽입에 관련된 tag(1)

태영(泰伶) 2022. 8. 21. 21:17
<form> - 여러가지 form 요소를 가운데에 넣음.
- 어떤 방식으로 server에 넘길지, server에서 어떤 프로그램 써서 처리할 건지 지정
- <form 속성="속성값">여러 폼 요소</form>
     method - client가 입력한 내용 → server로 어떻게 넘길지 지정.
- method 안에서 사용할 수 있는 속성: get, post
   ▶ get: 256~4,096byte 용량의 data만 server로 보낼 수 있음.
              주소표시줄에 client가 입력한 내용 그대로 드러나는 단점 有
   ▶ post: 입력 내용 길이 제한 × & client가 입력한 내용 드러나지 ×.
     name - JAVASCRIPT로 form을 제어할 때 사용할 form 이름 지정.
     action - <form> tag 안의 내용을 처리해 줄 server 프로그램 지정.
     ex, <form action="register.php">
            ~~~~~
           </form>
     target - action 속성에서 지정한 script 파일을 현재 창이 아닌 다른 위치에서 열도록 함.
     autocomplete - 자동 완성 기능.
     ex, 로그인 할 때 비슷한 글자가 입력되면 이전에 입력했던 내용을 힌트로 보여줌.
- <form> tag 안의 속성으로 autocomplete="off" 또는 autocomplete="on"과 같이 작성.

 

<fieldset> - 하나의 form 안에서 여러 구역 나눠 표시할 때.
     ex, 쇼핑몰 주문서 작성 中 개인 정보, 배송 정보 나눠 표시하면 가독성 up!
<legend> - <fieldset> tag로 묶은 그룹에 제목 붙일 때.
<label> - 입력란과 text를 묶어줌.
     ex, <label>아이디(6자 이상)<input type="text"></label>

           

     
     ex, <label for="user-id">아이디(6자 이상)</label>
            <input type="text" id="user-id">
            
           

 

 

 

<input>에 대해서는 다음 포스트에서 다뤄볼 예정!

역시 form 요소로 id, for은 나중에... 나오겠쥬....?ㅎㅎㅎㅎ...

Comments