2nd WEEK BLOG:RegisterForm Test
程式碼 :
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>註冊</title> <link rel="stylesheet"href="style.css"> </head> <body> <h1 align="center"><font color="red">使用者註冊</font></h1> <hr> <form action="" method="get" class="form-example"> <div align="center",class="form-example"> <label for="name"><font size="5">請輸入您的使用者名稱: </label> <input type="text" name="name" id="name" required> </div> <div align="center",li type="none" >請輸入您的性別: <input type="radio" name="sexy" value ="Man" ID="Man"> <Label for="Man"type="radio" name="sexy">男性</Label> <input type="radio" name="sexy" value ="Woman" ID="Woman"> <Label for="Woman" value ="Woman" ID="Woman">女性</Label> </div> <div align="center",class="form-example"> <label for="password">請輸入您的密碼: </label> <input type="password" maxlength="10" name="password" id="password" required> </div> <div align="center",class="form-example"> <label for="password">請再次輸入您的密碼:</label> <input type="password" maxlength="10" name="password" id="password"required> </div> <div align="center",class="form-example"> <label for="email">請輸入您的郵箱: </label> <input type="email" name="email" id="email" required> </div> <div align="center",class="form-example"> <label for="ad">請輸入您所看到的數字: </label> <input type="ad" name="ad" id="ad" required><br/> <img src="驗證碼.jpg",alt="Picture"> </div> <div align="center",class="form-example"> <input type="submit" value="立即註冊"> </div> </form>
效果圖: