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

zhibo系統開發 發表於 2022-12-13
CSS

直播電商平臺開發,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分別實現註冊頁面表單,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2927886/,如需轉載,請註明出處,否則將追究法律責任。