일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Python
- 속성 선택자
- BR
- !doctype html
- Head
- Form
- ::first-letter
- HTML정의
- Border
- 전체 선택자
- table
- Ol
- :active
- textarea
- colspan
- BODY
- ::before
- ul
- select
- rowspan
- 인라인 레벨 요소
- JAVA 개발 환경 설정
- Title
- Li
- img
- ::first-line
- JavaScript
- option
- 한정수 강사님
- tag
- Today
- Total
목록textarea (3)
개발 공부 기록하기
06. 폼(Form) 요소 기초 폼 요소form element란? 그 자체로는 눈에 그렇게 띄지 않지만, 텍스트 입력란, 비밀번호 입력란, 버튼 및 체크박스 등의 개별적인 form control을 품는 컨테이너container로, 아래 그림의 굵은 빨간색 테두리 부분이 폼form이라고 보면 된다. 그리고 위 그림의 분홍색 테두리 부분들은 개별적인 컨트롤control 또는 개별 입력란을 나타낸다. 그러니까 폼은, 한데 그룹화된 모든 입력란을 포함한 상자인 것이다. 또한, "작성된 폼 내용을 그룹화해서 작은 배송 레이블을 붙인 다음에 내 서버로 보내줘"와 같은 구체적인 지시까지 내릴 수 있는 요소이다. 여러 다른 입력란, 즉 폼은 요소가 감싸고 있는데, 여기서 데이터를 어떻게, 어디로 전송할지 결정하게 된다..
일반적으로 1줄의 text를 입력하는데 최적화된 와 다르게 는 여러 줄의 데이터를 입력할 수 있는 text field를 만드는 tag이다. 값 이 tag 이후에 나오는 전송 버튼을 누르면 서버에 전송되는 건 열린tag와 닫힌tag 사이에 적힌 '값' 부분(즉, content)이다. rows="n" n개의 행(가로줄)의 textarea가 생성된다. cols="n" n개의 문자가 들어갈 정도의 크기로 textarea가 형성된다. 단, 폰트나 여러 다른 이유로 그 크기는 가변적일 수 있어 근삿값으로 이해하자. 예제 1. 10줄의 약 40자 정도의 text를 입력할 수 있는 공간이 만들어졌음을 알 수 있다ㅎ
- text를 여러 줄 입력하는 영역 만들 때. cf, 는 한 줄짜리 text 입력 영역이었음! ex, 게시판 글 입력, 회원가입 양식 內 사용자 약관 cols - 의 가로 너비 (글자 수 단위로) 지정. (기준: English) rows - 의 세로 길이 (줄 단위로) 지정. - 지정한 숫자보다 줄 개수 많아지면 scroll rod 생김. - drop down 목록 시작, 끝 표시. size - 화면에 표시할 drop down 항목 개수 지정. multiple - drop down에서 둘 이상의 항목 선택할 때. - 와 의 하위 tag. - drop down의 원하는 항목 추가. value - tag의 속성. - client가 선택한 게 뭔지 server로 넘겨줌. selected - drop down..