HTML submit 기본 구문과 이름 변경에 도움되는 예제

HTML submit 기본 구문

<input type = "submit"> 속성은 입력폼에서 입력받은 데이터를 서버에 전송하는 버튼입니다. <input> 태그의 type 속성명 뒤에서 작동되는 속성값입니다.

submit 속성값은 자동으로 회색 버튼이 자동 생성되며, 초기값은 제출이라는 단어입니다.

<form>
  <input type="submit">
</form>

예제 ▷

<input type="text"> 의 글자나 <input type="password"> 등에서 입력받은 데이터들이 제출 버튼을 누르면 지정한 서버 장소에 전송됩니다.

저장 장소는 <form> 태그의 action 속성 등으로 지정하며 본인이 사용하는 서버 사이드 언어(ex : PHP)와 연계됩니다.

<form>
  아이디 : <input type="text"><br>
  비밀번호 : <input type="password"><br>
  이메일 : <input type="email" placeholder="address@mail.com"><br>
  전화번호 : <input type="tel"><br>
  <input type="submit">
</form>

예제 ▷

Submit 버튼 이름 변경

value 속성을 사용하면, 버튼의 이름을 지정할 수 있습니다. value에 적힌 속성값으로 버튼 이름이 변경됩니다.

<form>
  <input type="submit" value="버튼 이름">
</form>

예제 ▷