Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
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 29 30 31
Archives
Today
Total
관리 메뉴

기록 저장소

[html] 태그와 속성: <form> <input> <textarea> <select> <option> <label> 본문

kitri 노트/web

[html] 태그와 속성: <form> <input> <textarea> <select> <option> <label>

resault 2018. 11. 30. 21:47

o <form> : 사용자가 입력한 값을 서버로 전송


· 속성

- action : 필수속성. 내용을 처리하는 프로그램의 URL 지정



o <input> : 컨트롤 생성


· 속성

- type : 필수속성

" text : 텍스트 입력필드

" password : 비밀번호 입력필드. 내용을 감춰서 출력

" submit : 전송버튼 생성

" radio : 라디오 버튼 생성(단일 선택)

" checkbox : 체크박스 생성(다중 선택 가능)

" button : 버튼 생성

" hidden : 감춰진 필드

" file : 파일선택 필드 생성

* <form>태그의 enctype 속성 값을 multipart/form-data로 지정해야 함

- method : 전송방식 지정

" get : url에 내용을 추가하여 송신

" post : 본문으로 송신

- name : 필수속성

- value : 초기 값 지정

* 라디오 버튼/ 체크박스의 경우에는 각 버튼을 선택할 때의 값을 지정할 때 사용

- checked : 기본으로 선택된 상태로 나타남

- size : 컨트롤의 폭 지정



o <textarea> : 여러줄의 텍스트를 입력할 수 있는 컨트롤 생성


· 속성

* <input>과는 달리 초기값 지정을 속성으로 하지 않음

- cols : 필수속성. 너비(문자 수)

- rows : 높이(행 수)

- name



o <select> : 드롭다운 생성(선택목록)


· 속성

- multipul : 다중선택

- name



o <option> : <select> 사용시 각 항목을 정의


· 속성

- value : 각 항목의 값 지정



o <label> : 라벨 부여


· 속성

- for : id 속성에 대응하는 값

'kitri 노트 > web' 카테고리의 다른 글

[Ajax] 개념정리  (0) 2019.05.12
[HTML] MIME & Content-Type 참고자료  (0) 2019.05.04
[servlet] 개념정리  (0) 2019.04.29
[html] 태그와 속성: <p> <br> <img> <table>  (0) 2018.11.30
[html] 태그와 속성: <h1> <strong> <a> <li>  (0) 2018.11.30