HTML - Form Tags

Form 태그는 attribute를 익히기에 아주 좋은 태그이다.

 

1. input

<form><input/></form>​

 

input 태그를 입력하면 텍스트를 입력할 수 있는 박스가 생긴다.

여기에 다양한 attribute를 추가할 수 있다.

 

2. type="color"

<form><input type="color"/></form>

색상을 선택할 수 있는 창이 나오게 해준다.

 

3. type="password"

로그인 창에 존재하는 패스워드를 가려주는 박스를 만들 수 있다.

여기에 minlength="10"을 추가하면 최소 10글자 이상을 입력해야 한다는 조건을 걸 수도 있다.

 

4. type="text"

텍스트를 입력하는 박스를 만들 수 있다.

required : 박스 안에 박스에 대한 설명을 입력할 수 있는 attribute

 

5. type="submit"

사용자가 클릭할 수 있는 버튼을 만들 수 있다.

value="text" : 버튼 내용을 입력하는 태그

 

6. type="file"

파일을 첨부하는 태그. 

accept=".pdf" : pdf 파일만 첨부할 수 있게 한다.

 

 

오늘은 정말 인터넷에서 자주 본 요소들을 만드는 법을 배워서 너무 재밌었고 유익했다!!!