[PHP] HTML FORM 태그에서 사용하는 input 태그 - submit

2022. 10. 10. 05:59Program/PHP

136_PHP HTML FORM 태그에서 사용하는 input 태그 - submit

[요약]

  • form 태그에서 입력한 정보를 서버로 전송하는 버튼 submit에 대해 알아보자.

type 속성값이 submit이면 FORM 태그의 action 속성에 명시된 파일로 입력한 데이터를 전송하는 버튼이 생성된다.


[type 속성값에 submit을 적용하는 방법]

<input type="submit" value="전송" />

value 속성에 입력한 값은 submit 버튼 안에 표시되는 문구이다.

 

다음은 form 태그에 입력한 내용을 전송하는 버튼을 생성하는 예제이다.

[예제: 139_input_submit.php ]

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>INPUT 태그 type="submit"</title>
</head>
<body>
  <form name="폼태그이름" method="데이터전송방식" action="정보를보낼주소">
    <input type="text" name="userID" placeholder="아이디 입력" />
    <input type="submit" value="전송" />
  </form>
</body>
</html>

실행결과

실제 데이터 전송시에는 name, method, action 속성에 적합한 값을 입력해야 한다.

현재는 그렇지 않으므로 전송 버튼을 입력해도 존재하지 않는 파일로 이동하게 되므로 오류가 발생하게 된다.

즉, [전송] 버튼을 눌러 없는 파일로 표시되는 것은 현재 정상적인 결과이다.

 

 

 


 

 

 

초보자를 위한 PHP 200제
김태영 지음 | 정보문화사