Chapter 5 입력 양식 작성하기
5-1 폼 삽입하기
폼이란 사용자정보를 입력할 수 있게 만들어 놓은 형식들
<form> : 폼의 시작과 끝을 만든다.
<fieldset> : 폼 요소를 그룹으로 묶는다.
<legend> : 필드셋에 제목을 붙임
<select>, <option> : 드롭다운 목록을 삽입한다.
<textarea> : 텍스트를 여러 줄 입력할 수 있는 텍스트 영역을 삽입한다.
<datalist> : 데이터 목록을 삽입한다.
5-2 사용자 입력을 위한 input태그
<input> 태그의 유형(type)
text, password, search, tel, checkbox, radio, number, range, date, time, submit, reset, image, button, file, hidden 등등...
05-3 input 태그의 주요 속성
autofocus(자동 마우스 포인터), placeholder(힌트 표시), readonly(읽기 전용), required(필수 입력 필드 지정)
max, min(숫자 입력 필드에서 최댓값, 최솟값 지정) 등등...
배운것을 바탕으로 만든 form
프런트엔드 개발자 지원서
HTML, CSS, Javascript에 대한 기술적 이해와 경험이 있는 분을 찾습니다.
출처 : Do it! 한 권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석
'HTML & CSS' 카테고리의 다른 글
220418 CSS Chapter 9 (0) | 2022.04.18 |
---|---|
220416 CSS Chapter 8 (0) | 2022.04.16 |
220415 CSS Chapter 6~7 (0) | 2022.04.16 |
220413 HTML Chapter 3~4 (0) | 2022.04.13 |
220408 HTML 기초 (0) | 2022.04.09 |