일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Form
- table
- textarea
- select
- rowspan
- ul
- 전체 선택자
- 인라인 레벨 요소
- ::first-letter
- img
- !doctype html
- :active
- 속성 선택자
- option
- Border
- JAVA 개발 환경 설정
- colspan
- JavaScript
- Head
- Ol
- ::before
- BR
- Python
- Title
- BODY
- Li
- tag
- 한정수 강사님
- ::first-line
- HTML정의
- Today
- Total
목록option (3)
개발 공부 기록하기
06. 폼(Form) 요소 기초 폼 요소form element란? 그 자체로는 눈에 그렇게 띄지 않지만, 텍스트 입력란, 비밀번호 입력란, 버튼 및 체크박스 등의 개별적인 form control을 품는 컨테이너container로, 아래 그림의 굵은 빨간색 테두리 부분이 폼form이라고 보면 된다. 그리고 위 그림의 분홍색 테두리 부분들은 개별적인 컨트롤control 또는 개별 입력란을 나타낸다. 그러니까 폼은, 한데 그룹화된 모든 입력란을 포함한 상자인 것이다. 또한, "작성된 폼 내용을 그룹화해서 작은 배송 레이블을 붙인 다음에 내 서버로 보내줘"와 같은 구체적인 지시까지 내릴 수 있는 요소이다. 여러 다른 입력란, 즉 폼은 요소가 감싸고 있는데, 여기서 데이터를 어떻게, 어디로 전송할지 결정하게 된다..
1. 라디오 버튼 여러 개의 항목 중에서 하나만을 선택할 수 있도록 제한하는 control. checked="checked"는 기본적으로 해당 항목이 선택되어 있도록 설정해두는 속성이다. 역시 서버로 전송되는 것은 value의 속성값 부분인 '값'이다. 여러 개의 라디오 버튼을 형성할 때, name의 속성값이 모두 일치해야 한다. ('값의 이름'부분이 모두 동일해야!) 여러 개의 라디오 버튼을 형성할 때, value의 속성값은 모두 다르게 설정되어야 한다. 예제. if, name의 속성값을 다르게 적으면 어떻게 될까? 이 현상은, name의 속성값이 다른 두 항목을 같은 선택의 범주 안에 포함시키기 않기 때문에 나타난다! 같은 선택의 범주 안에서는 딱 1개의 값만 선택할 수 있으므로, 오류 상황이 아닌 ..
- 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..