[멋쟁이사자처럼] HTML 태그3 (form)

폼 (form) 태그

<form></form> :사용자에게 입력을 받아 전송받을 상대에게 내용을 전송하는 태그

<form action="my-app" method="get">

• action: 데이터를 보낼 URL 지정
• method: 보내는 방식을 지정
  • GET :
  • POST:

<input></input> : 사용자에게 입력을 받기 위해 사용되는 태그, 빈 태그

<input type="button" name="같은 속성과 구별 가능한 이름">

• <input type="id" placeholer="아이디를 입력하세요">

  placeholder: input에 아무값도 입력되지 않았을 때 default로 나타나는 텍스트 지정가능

  

• <input type="text" value = "defalut 값">

  value: placeholder와 달리 실제 할당되는 값. 초기값처럼 사용

  

<label> : 라벨태그를 누르면 해당 태그에 연결된 폼태그가 활성화됨

<label for="userid">ID: </label>
<input type="text" id="userid" placeholder="아이디를 입력하세요">

<select></select> : 여러 옵션 중 하나를 선택해야 할 때 사용. name이라는 속성을 반드시 가져야함

• <option>: value라는 속성을 반드시 가져야함
  

<select name="gender">
	<option value="female">여자</option>
	<option value="male">남자</option>
	...
</select>

textarea 태그

<textarea></textarea> :한번에 많은 글을 입력받을 때 사용

<textarea cols="30" rows="10"></textarea>

button 태그

<button type="submit">회원 가입</button>

<input type="button">회원 가입</input>

button 태그를 사용하고 type을 submit으로 주는것과 input태그를 사용하고 type을 button으로 주는것이 동일한 기능을 하므로 어떤 것을 써도 상관 없다.