HTML, 이번 포스트에서는 input type="" 속성 중에서 button과 reset 두 가지만 간단히 알아보겠습니다.
button은 쓸 일이 있지만, 개인적으로 reset은 제가 보기에는 쓸 일이 거의 없어 보입니다.
자칫 잘못하면 웹사이트 사용자를 열받게 할 수도 있는 것이 reset 버튼이라서..
그럼, HTML 열여섯 번째 포스트를 시작해보겠습니다.
지난 포스트
input type 속성, button과 reset
form_button.html
<!DOCTYPE html>
<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('Hello World')">
<input type="reset">
</form>
</body>
</html>
input 태그의 type="" 속성에 button을 넣어주면 겉보기엔 submit 버튼과 똑같이 생긴 버튼이 생깁니다.
버튼들의 value="" 속성 안에 원하는 텍스트를 입력하면 버튼에 쓰여있는 기본 텍스트를 바꿀 수 있습니다.
이 type="button" 버튼은 HTML 언어만을 사용할 때에는 쓸 일이 없는 버튼입니다.
나중에 자바 스크립트라는 언어를 배우면 그때 활용도가 생기는 버튼이라는 정도만 일단 알아두면 될 것 같습니다.
input 태그의 type="" 속성에 reset을 넣으면 form 태그가 감싸고 있는 모든 input 컨트롤들을 초기화시키는 버튼이 생깁니다.
열심히 글을 쓰다가 실수로 클릭해서 글이 다 날아가면 정말 열받을 것 같은 버튼입니다.
예전에는 이런 버튼이 놓여있는 웹사이트를 본 적이 있었던 것 같기도 한데.. 요즘은 아마도 거의 없지 않나 싶습니다.
다음 포스트
댓글 쓰기
1. 댓글은 블로그 운영자의 승인 후에 블로그에 표시됩니다.
2. 가능하면 비로그인 방문자 분께서는 익명보다 이름/URL로 댓글을 남겨주시면 감사하겠습니다. (URL은 생략 가능합니다.)
3. 구글 블로그에 댓글을 쓰고 '게시' 버튼을 클릭했을 때 가끔 에러가 발생해서 댓글이 날아가는 이슈가 있습니다.
혹시 장문의 댓글을 남기실 분들은 혹시 모를 에러를 대비해 '게시' 버튼 클릭 전에 댓글을 복사해두세요.