[HTML]16_입력받은 데이터 서버로 전송하기(submit)

1. type='submit' :입력받은 데이터 서버로 전송하기

<submit>태그의 특징

: <input>태그의 type 속성을 submit이라고 지정해주면
01. 자동으로 데이터를 전송할 수 있는 버튼이 생성되고
02. 그 버튼을 클릭하면 지정된 URL로 <form>태그 안에 입력된 값들이 action 속성으로 지정된 서버 페이지로 전송된다.

1) submit 버튼 생성

: <input type='submit'>이라고 지정해주면 자동으로 '제출'이라는 버튼이 생긴다.

<form>
  ID: <input id='userId' type='text'></br>
  비밀번호: <input id='userPw' type='password' maxlength='5'></br>
  <input type='submit'>
</form>

ID:
비밀번호:

2) 버튼명 변경

: <input type='submit' value='로그인'>이라고 지정해주면 value값을 원하는 값으로 변경할 수 있다.

<form>
  ID: <input id='userId' type='text'></br>
  비밀번호: <input id='userPw' type='password' maxlength='5'></br>
  <input type='submit' value='로그인'>
</form>

ID:
비밀번호:

3) 전송할 페이지 지정

: <form>태그 안에 'action'이라는 속성을 추가하였다.
: action 속성에는 입력된 로그인 데이터를 보낼 서버 페이지의 주소를 입력하였다.

<form action='login_page.php'>
  ID: <input id='userId' type='text'></br>
  비밀번호: <input id='userPw' type='password' maxlength='5'></br>
  <input type='submit' value='로그인'>
</form>

ID:
비밀번호: