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

 

연습문제 2

프런트엔드 개발자 지원서

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

+ Recent posts