Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- Li
- BODY
- Ol
- Form
- 인라인 레벨 요소
- !doctype html
- HTML정의
- colspan
- table
- Title
- Python
- ::before
- BR
- 전체 선택자
- Head
- 한정수 강사님
- textarea
- select
- JavaScript
- tag
- 속성 선택자
- img
- Border
- rowspan
- ul
- ::first-letter
- option
- JAVA 개발 환경 설정
- :active
- ::first-line
Archives
- Today
- Total
개발 공부 기록하기
DAY 3. Form 삽입에 관련된 tag(1) 본문
<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은 나중에... 나오겠쥬....?ㅎㅎㅎㅎ...
'프밍 > HTML' 카테고리의 다른 글
DAY 3. <input> tag에서 주로 사용하는 속성 (0) | 2022.08.21 |
---|---|
DAY 3. Form 삽입에 관련된 tag(2): <input> tag (0) | 2022.08.21 |
DAY 3. 하이퍼링크(Hyperlink) 삽입과 관련된 tag (0) | 2022.08.21 |
DAY 3. 멀티미디어(Multimedia) 삽입과 관련된 tag (0) | 2022.08.21 |
DAY 3. 이미지 삽입 tag인 <img>와 관련된 속성 (0) | 2022.08.21 |
Comments