html2練習

<html>
<head>
<link  rel="stylesheet" href="web2.css">

<body>
<h2>新用戶註冊</h2>
<form action= "web2.html" method="get">
<p>
<label for = "fn">姓名</label>
<input id = 'fn' type="text" name="" placeholder="your name" required="">
</p>
<p>
<label for="pass">密碼</label>
<input type="password" name=""  placeholder = "your password" value="">
</p>

<p>
<label for="pass">確認密碼</label>
<input type="password" name=""  placeholder = "again your password" value="">
</p>

<p>性別:<br>
<label for="n" >男</label>
<input id = "n" type="radio" name="sex" value = "male">
<label for="n" >女</label>
<input id = "v"type="radio" name="sex" value = "female"><br>
</p>
<p>
<label for="mail">郵箱:</label><br>
<input id = "mail" type="email" name="" value = "" placeholder= "example@example.com"><br>
</p>
<p>
請選擇支付方式:<br>
<select name= "payment">
<option value = "Ali">支付寶</option>
<option value = "Ali">微信</option>
<option value = "Ali">信用卡</option>
</select>
</p>
<p>
<input type="submit" name="" value = "註冊">
</p>
</form>
</body>
</head>
</html>
##############CSS FLIE##################
body{
background-color:yellow;

}
p{
background-color:orange;
border-color:blue;
border-width:2px;
border-style:double;
}css

html2練習

相關文章
相關標籤/搜索