<!DOCTYPE html>
<html>
<head>
<style>


form{
width: 280px;
height: 150px;
border: 1px solid #B2CCFF;
padding: 20px;
background-color:#FFB2D9;
}
 


</style>
</head>
<body>

<h3> button 예제</h3>
<button type="button" onclick="alert('반가워요')">버튼을 클릭해 보세요</button>


<h3> input type  예제</h3>

<form action="url">
 
좋아하는 스포츠를 선택하세요<br>
<p>
1. 사이클<input type="checkbox" name="sports" value="cycle"><br>
2. 테니스<input type="checkbox" name="sports" value="teniss"><br>
3. 골프<input type="checkbox" name="sports" value="golf"><br>
</p>
<input type="submit" value="submit">
 
</form>


</body>
</html>