웹페이지에서 전송과 취소 버튼을 만들어 봅니다.
이름과 이메일 입력을 서버로 전송하기 위해서는 최종적으로 보내기(전송) 기능이 필요합니다.
그리고 잘 못 입력했을 경우 취소(리셋) 버튼도 필요합니다.
전송 과 취소 버튼을 만들어 봅니다.
<!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>Document</title>
</head>
<body>
<form action="/submit-form" method="post">
<label for="name">이름:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">이메일:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="제출">
<input type="reset" value="리셋">
</form>
</body>
</html>input type = "submit" 속성은 전송 기능.
전송된 정보는 form 태그의 action 속성에서 지정한 서버 프로그램에서 실행이 됩니다.
input type="reset" 속성은 취소 기능을 만들어 줍니다.
즉, 사용자가 입력한 내용을 모두 지우게 됩니다.
value : 속성을 이용하여 버튼에 표시될 내용을 표현 합니다.
즉, 버튼 이름이 되겠습니다.
보내기 및 취소 기능을 하는 input type 속성 submit 와 reset 을 확인해 보았습니다.
감사합니다.
반응형
'앱 만들기 > HTML5' 카테고리의 다른 글
| Input 텍스트 필드 속성 (1) | 2023.04.08 |
|---|---|
| div 태그 란? (6) | 2023.03.17 |
| 체크박스 예제 (6) | 2023.03.15 |
| 라디오 버튼 예제 (2) | 2023.03.14 |
| <fieldset> 태그 예제 (1) | 2023.03.13 |
댓글