---
# System prepended metadata

title: '10556041'

---

# 10556041
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#banner{
		    width: 100%;
		    height:200px;
		    background: orange;
		}
		#menu{
			width: 100%;
			height:200px;
			background: gray;
		}
		#content{
			width: 100%;
			height:300px;
			background: pink;
		}
		.box{
			float: left;
			width: 100px;
			height:100px;
			background: white;
			margin: 5px;
		}
	</style>
</head>
<body>
    <div id = "banner">
        <h3>Class跟ID的差異</h3>
    <p>
        ID只能使用一次而Class能使用多次
    </p>
    </div>
    <div id = "menu">Menu
        <div class = "box">1</div>
        <div class = "box">2</div>
        <div class = "box">3</div>
        <div class = "box">4</div>
    </div>
    <div id = "content">Content
        <form method = "POST" action="傳值位置">
            Name: <input type="text" name="name"><br>
            Phone: <input type="tel" name="Phone"><br>
            Gender:
            <input type="radio" name="gender" value="male" checked=""> Male
            <input type="radio" name="gender" value="female"> Female
            <input type="radio" name="gender" value="other"> Other <br>
            Car:
            <select name = "cars">
                <option value="volvo">Volvo</option>
                <option value="saab">Saab</option>
                <option value="fiat">Fiat</option>
                <option value="audi">Audi</option>
            </select><br>
            Quantity:
            <input type="number" name="quantity" min="0" max="100" step="10" value="30"><br>
            Select a time: <input type="time" name="user_time"><br>
            First name:<input type="text" name="firstname" value="John" disabled><br>
            <input type="submit" name="Submit">
        </form><br>
    </div>
    
    <ui>
        <li>星期一</li>
        <li>星期二</li>
        <li>星期三</li>
        <li>星期四</li>
        <li>星期五</li>
        <li><a href = "https://www.youtube.com/" targe = "_blank">Youtube</a></li>
    </ui>
</body>
</html>