반응형
안녕하세요.
html5에는 <button>~</button> 태그를 사용하여 버튼을 만들 수 있습니다.
버튼의 type 속성을 사용하면 다양한 기능을 사용할 수 있습니다.
-submit: 제출합니다.
-reset: 입력된 내용을 모두 초기화합니다.
-button: 버튼 모양으로만 설정합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com html5 button 버튼 소스 코드 예제</title>
<style>
body {
background-color: #9adaca;
}
</style>
</head>
<body>
<div>
<h1>codeomni.tistory</h1>
<button type="submit">submit 버튼</button>
<button type="reset">reset 버튼</button>
<button type="button">button 버튼</button>
</div>
</body>
</html>
|
cs |
실행 화면입니다.
댓글