프밍/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은 나중에... 나오겠쥬....?ㅎㅎㅎㅎ...