맨 땅에 프론트엔드 개발자 되기

코딩독학) HTML 태그의 종류와 역할3 Form & Input 본문

코딩 공부 일지/HTML5

코딩독학) HTML 태그의 종류와 역할3 Form & Input

헬로코딩 2021. 9. 19. 21:28
728x90

폼 태그와 인풋 태그

<form> : 폼 태그는 어떤 입력 값을 받는 폼을 말하며, 보통 하위 인풋 태그들과 함께 쓰인다.

<input> : 입력 값을 받는 태그를 말한다. 속성 값으로 text, button, color, range, date 등 어떤 입력값을 받을 것인지 지정할 수 있다.

 

예제 연습

<textarea> : input type="text"와 비슷하게 글자 내용을 입력받을 수 있는 태그.

<button> : input type="button"과 비슷하게 버튼 클릭을 받을 수 있는 태그.

<select> : 드롭다운 형식의 선택 입력값을 받을 수 있는 태그.

<option> : select 태그의 옵션을 만들 수 있는 태그.

<optgroup> : select 태그의 옵션 중 그룹을 만들 수 있는 태그.

<label> : input 태그 혹은 다른 입력값을 받는 태그 앞에 쓰여 라벨을 만들 수 있는 태그.

 

예제 연습

 

 

 

출처

https://www.w3schools.com/tags/tag_form.asp

 

HTML form tag

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

728x90