直播電商平臺開發，HTML和CSS分別實現註冊頁面表單

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML註冊頁面</title>
</head>
<body>
<form action="#" method="post"><!--傳入地址為：#-->
  <table border="1" width="500px">
    <tr>
      <td><label for="username">使用者名稱</label></td>
      <td><input type="text" name="username" id="username" required></td><!--required為必選-->
    </tr>
 
    <tr>
      <td><label for="password">密碼</label></td>
      <td><input type="password" name="password" id="password" required></td>
    </tr>
 
    <tr>
      <td><label for="email">Email</label></td>
      <td><input type="email" name="email" id="email" required></td>
    </tr>
 
    <tr>
      <td><label for="name">姓名</label></td>
      <td><input type="text" name="name" id="name" required></td>
    </tr>
 
    <tr>
      <td><label for="tel">手機號</label></td>
      <td><input type="text" name="tel" id="tel" required></td>
    </tr>
 
    <tr>
      <td><label>性別</label></td>
      <td><input type="radio" name="sex" value="male" checked="checked">男<!--checked為預設選擇-->
        <input type="radio" name="sex" value="famale">女</td>
    </tr>
 
    <tr>
      <td><label for="birthday">出生日期</label></td>
      <td><input type="date" name="birthday" id="birthday"></td>
    </tr>
 
    <tr>
      <td><label for="checkcode">驗證碼</label></td>
      <td><input type="text" name="checkcode" id="checkcode">
        <img src="img/yzm1.jpg" width="100px" height="20px"></td>
    </tr>
 
    <tr>
      <td colspan="2"><input type="submit" value="註冊"></td><!--colspan合併兩個單元格-->
    </tr>
  </table>
</form>
 
</body>
</html>

以上就是直播電商平臺開發，HTML和CSS分別實現註冊頁面表單，更多內容歡迎關注之後的文章

直播電商平臺開發，HTML和CSS分別實現註冊頁面表單

相關文章

最新文章