[HTML] Form 태그 정리

Form - 사용자로부터 input을 받기 위해 사용

attribute - action ="API 주소" , method = "GET | POST"

1. <input type="text,email,password,number,tel,file 등"></input>

     1) "text" 뒤에 -placeholder="아이디를 입력하세요"  minlength,maxlength="13" required -> 무조건 입력 

        disabled -> 사용못하게 , value -> 초기값

     2) "email"  -> @ 이 없으면 에러

     3) "password" -> 패스워드 안보임

     4) "url" -> url만 적을 수 있음

     5) "number" -> 숫자만 적을 수 있고 min,max값으로 값을 제한 가능

     6) "file" -> 파일첨부 input 만들기  accept 옵션으로 확장자 제어 ( ex .png ,.jpg)

     7) radio -> radio의 경우 name설정으로 라디오버튼을 서로 묶을 수 있음 value를 명시 해줘야 어떤 라디오버튼이 선택되었는지 알 수 있음

     8) checkbox  -> radio와 비슷함

     9)<textarea></textarea> (긴글을 받을 수 있음)   - attribute rows="",cols="" 지정 가능

    10) <select name="skill:></select> -> <option value="html"></option> 으로 목록 추가 + multiful 옵션으로 다중옵션가능

2. label - 특정 input의 이름을 나타넴

<label for="id값"> 이름 </lable>

출처 - 김버그님 HTML 강의듣고 개인적으로 정리한것