[HTML] <form> 태그 속성

form 태그

<form> 태그는 웹페이지에서 입력 양식을 만들때 사용 합니다.
ex) 회원가입 폼, 로그인 창

form 태그 속성

• action : 폼 데이터가 전송되는 백엔드 url

  ex) <form action="">

• name : 폼의 이름
• method : 폼 전송 방식 (GET / POST)

---

lable 태그

<lable> 태그는 폼 요소에 이름표를 붙이기 위한 것

---

input 태그

<input> 태그는 사용자로부터 입력을 받을 수 있는 입력 필드를 정의할 때 사용

input 태그 속성

• minlength : 최소 글자 수 제한

• maxlength : 최대 글자 수 제한

  ex) <from action="">
  	<lable for="id"> ID : </lable>
      <input type="text" name="id" id="id" minlength="4" maxlength="10"> </input>
      </form>
      
      4자~10자 사이 입력 가능

  input type 속성

  • text : text
    ➡

    ex) <lable for="text"> </label>
    	 <input type="text" name="text" id="text"> </input>

    ---

  • password : 비밀번호 (암호화 형식)
    ➡

    ex) <label for="pw"> </label>
         <input type="password" name="pw" id="pw"> </input>

    ---

  • email : 이메일 형식 (@이 포함이 안되면 전송 불가)
    ➡

    ex) <label for="email"></label>
         <input type="email" name="email" id="email"> </input>

    ---

  • number : 숫자만 입력 가능
    ➡

    ex) <label for="number"> </label>
         <input type="number" name="number" id="number"> </input>

    ---

  • range : 슬라이드 막대
    ➡

  ex) <label for="range"> </label>
    <input type="range" name="range" id="range"> </input>

• date : 달력 생성
  
  

  ex) <label for="date" range :> </label>
       <input type="date" name="date" id="date">

• submit : 제출 버튼

• reset : 초기화 버튼