HTML Form의 속성

---

action 속성

action 속성은 form이 제출될 때 행해질 행동을 정의한다.
대부분, 제출 버튼이 클릭되면 form 데이터는 서버로 넘겨진다.

<form action="http://localhost:8888/form"
      id="f1"
      autocomplete="off">
	<input type="password" 
    	   name="p" 
           value="pdefault"
           disabled="true"><br>
</form>

사용자가 입력한 값 p가 해당 url로 전달된다.

value="pdefault": 입력 필드의 기본 값으로 "pdefault"를 지정한다. 사용자에게 비밀번호 필드의 기본 값을 제공하는 역할을 합니다.

disabled="true": 입력 필드를 비활성화한다.

method 속성

method 속성은 데이터를 제출할 때, 어떤 방식으로 보낼지를 정의한다. get방식과 post방식이 있으며 기본값은 get방식이다.

<form method="get" action="https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8">

method = "get"

get 방식은 form에 입력한 값들이 제출되면 url에 보이게 된다. 주로 데이터를 조회하거나 가져올 목적일 때 사용한다.

method = "post"

get방식과 다르게 post방식은 입력한 값들이 url에 보이지 않는다. 보안상 노출되면 안되는 정보들을 보낼 때 사용한다. 데이터를 전송할 목적일 때 주로 사용한다. 예를 들면 로그인 역시 post방식이다. 사이트에 가입한 사용자임을 인증받기 위해 아이디와 비밀번호를 전달(인증)에 목적을 두었기 때문이다.

autocomplete 속성

자동완성기능이다.

<form action="http://localhost:8888/form"
    id="f1"
    autocomplete="off">