[HTML] Form 태그 사용하기

form의 목적

 

: 사용자로부터 인풋을 받기 위한 태그

 

 

문법

<form action="API주소"method="GET/POST"></form>

 

-닫는 태그는 따로 없음!

-API 주소는 백핸드 개발자가 알려주는 것!

-중요한 정보나 정보의 양이 너무 많을 때는 POST 쓰고 웬만하면 GET씀

---

Form과 관련된 태그 배우기

 

Input

 

input은 입력창이라고 생각하면 됩니다

 

 

 

input 태그 사용 방법

<input type="text" />

// type : text, email, password, number, tel, file,,,

 

 

 

<input type="text" placeholder="이름을 입력하세요" />

//placeholder: input 안에 들어갈 기본 text, 주로 안내 멘트(복사 불가능)
  value: input 안에 들어갈 기본값(복사 가능)

 

 

 

<input type="text" placeholder="아이디를 입력하세요" maxlength="13" />

//maxlength, minlegnth

 

<input type="text" placeholder="아이디를 입력하세요" minlength="5" required />

//required: 꼭 입력하고 넘어가야 할 경우 사용
  dissabled: 사용자가 사용하지 못하도록 막아놓는 것

 

<input type="number" min="12"max="122" placeholder="나이를 입력하세요" />

//min: 입력되는 값 그 자체를 제한
  minlength: 입력되는 문자의 개수 제한

 

 

<input type="file" accept=".png, .jpg" />

//accept: 원하는 확장자 지정