<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