search

博客列表 >0630作业

0630作业

曾宇的博客
曾宇的博客原创
2021年07月06日 19:58:05405浏览
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <title>表单</title>
  9. </head>
  11. <body>
  12.     <h3>用户注册</h3>
  13.     <fieldset>
  14.         <legend>必填项</legend>
  15.         <form action="" method="GET" style="background-color: lightcyan;">
  16.             <div>
  17.                 <label for="username">账号</label>
  18.                 <input type="text" id="username" name="username" autofocus required placeholder="不少于6位">
  19.             </div>
  20.             <div>
  21.                 <label for="hanpi">密码</label>
  22.                 <input type="password" id="hanpi" name="password" required placeholder="不少于5位 且至少有两个字母">
  23.                 <button>显示密码</button>
  24.             </div>
  26.             <div>
  27.                 <label for="username">邮箱</label>
  28.                 <input type="email" id="email" name="email" placeholder="@..........">
  29.     </fieldset>
  30.     </div>
  31.     <div>
  32.         <label for="">性别</label>
  33.         <input type="radio">
  34.         <label for="">男</label>
  35.         <input type="radio">
  36.         <label for="">女</label>
  37.         <input type="radio">
  38.         <label for="" " checked id="secret">保密</label>
  39.     </div>
  40.     <label>爱好</label>
  41.     <input type="checkbox" name="hobby []" id="game" checked> <label for="">游戏</label>
  42.     <input type="checkbox" name="hobby []"  id="tirp"> <label for="">旅游</label>
  43.     <input type="checkbox" name="hobby []" id="shoot"> <label for="">摄影</label>
  44.     <input type="checkbox" name="hobby []" id="football" checked>  <label for="">足球</label>
  46.     <button>提交</button>
  49.     </form>
  51. </body>
  53. </html>
  54. ##选择器
  55. <!DOCTYPE html>
  56. <html lang="en">
  57. <head>
  58.     <meta charset="UTF-8">
  59.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  60.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  61.     <title>选择器</title>
  62. </head>
  63. <body>
  66.     <style>
  67.         /* h1{
  68.             color: lightcyan; */
  69.         }
  70.     </style>
  71.     <h1 style="color:red;">5</h1>
  72.     <h1>6</h1>
  73.     <h1>7</h1>
  74.     <h1>8</h1>
  75. </body>
  76. </html>
上一条：配置ssh远程登录sshd服务器下一条：定位以及三行三列布局方式
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多