[html/공부] 폼과 <input> types

<form>요소와 <input> types 알아보기

<input> 요소 자세히 보러가기

 

 

---

       Form 요소 

구글폼, 할 때 그 폼이다.

input 태그와 함께 쓰이며, 입력된 데이터를 묶어 action이라는 속성으로 데이터를 어디로 보낼지 입력하여 사용

오늘 정리할 거 한줄요약👇👇👇

<form action="">
	<label for="">
        <input type="" id="">

 

<label>에 적히는 텍스트와 <input>을 연결해서 사용한다.

아래 예시의 경우 'click here'가 라벨, 입력칸이 인풋이다.

click here

 

인풋의 id 속성과 연결해주거나 <label>안에 <input>을 넣어 사용하기도 한다.

<label for="cheese">cheese</label>
<input id="cheese"> <!--input 태그에는 마무리 태그가 없음-->

<label>
	<input> <!--이때는 id 설정하지 않아도 됨-->
</label>

이렇게 라벨과 묶어 사용할 수 있는 <input>에 여러가지 type이 있는데, 그게 오늘 정리의 핵심이다.

 

 

---

       <input> types 

<input type="아래 단어">

 

text

 

password

 

number

 

checkbox

 

date

 

reset

 

몇가지만 써놓음.. 대충 이런식으로 정말 많이 있다. 해당 글 위에 링크에서 더 보기.

 

추가로 input의 type에 따라 쓸 수 있는 속성들도 각기 다른데, 이건 나중에 실습해보면서 하나씩 외워가야겠음

써먹을 데 많은 거 알아내서 좋다.

이제 이거에 css를 어떻게 입힐지도 궁금하다. 얼른 html 끝내고 css로 넘어가야지.. 가야할 길이 멀다