HTML - form 기본

사용자가 입력한 것을 서버로 전송할 때 사용하는 것을 form이라고 합니다.

먼저 실습이라는 디렉토리에 form.html이라는 파일을 만듭니다.

 

아이디 :

비밀번호 :

 

 

<input>이라는 태그는 사용자로부터 데이터를 입력받을 수 있는 필드를 만드는데 사용됩니다. 태그의 속성값을 통하여 어떤 타입으로 만들 것인지 결정을 합니다.

<input type="text">, <input type="password">...

 

submit이라는 속성은 입력한 데이터를 제출 할 수 있는 버튼을 제공하며, type에 "submit"이라고 사용을 합니다.

위 예시의 제출버튼의 코드입니다. <input type="submit" value="제출">

 

name이라는 속성은 서로 다른 값들을 구분하기 <input>태그에 속성으로 name을 주는 것입니다. 저장되어질 곳이 명확히 명시가 되지 않으면 데이타 값이 어디에 저장되어질지 모르니 name으로 구분해서 명시해 줍니다.

 

<form>태그의 속성으로 action이라는 것은 입력받은 데이터를 어디로 전송할지 결정을 해 줍니다.

<form action="http://localhost/login.php">~</form>

즉, input필드에서 입력받은 내용들이 <form>태그의 속성인 action이 지정한 곳으로 URL을 통해 이동됩니다.