티스토리 뷰
반응형
이번시간에는 버튼에 대해서 알아봅시다.
form_button.html이라는 화일을 만들고 문서의 구조형식으로 만들어봅시다.
버튼을 나타내는 폼태그에는 <input>태그에 type="button"으로 설정을 하면 됩니다.
type="submit"이면 폼태그에 있는 내용들을 서버로 전송해 주는 것이며,
type="button"이면 일반적인 버튼 모양의 아이콘을 만들어 주긴 하지만 다른 사용은 없습니다. 단 자바스크립트와 함께할 때 효용이 생깁니다.
type="reset"일 경우, 폼태그에 기록한 내용을 모두 초기화 시켜줍니다.
<html>
<head><meta charset="utf-8"></head>
<body>
<form action="http://localhost/form.php">
<input type="text">
<input type="submit" value="제출">
<input type="button" value="버튼" onclick="alert('안녕하세요')">
<input type="reset" value="재설정">
</form>
</body>
</html>
반응형
'방과후 > HTML' 카테고리의 다른 글
| HTML - form : label (0) | 2017.09.11 |
|---|---|
| HTML - form : hidden (0) | 2017.09.08 |
| HTML - form : radio, checkbox (0) | 2017.09.06 |
| HTML - form : dropdown list (0) | 2017.09.06 |
| HTML - form : 문자입력 (0) | 2017.09.06 |
댓글
최근에 올라온 글
글 보관함