博客列表 >表单设计学习

表单设计学习

敬小军
敬小军原创
2021年03月20日 20:56:04497浏览

<!DOCTYPE html>

<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>

       <form action="" method="post" >
           <label>
           账号:<input type="text" name="" id="zhanghao" value="" placeholder="填写6-8位数字" required="required">
           </label>
           <label><br>
           密码:<input type="password" name="" id="mima" value="" placeholder="输入6-8位数字"/>
           </label><br>
           <label>
           邮箱:<input type="email" name="" id="email" value=""  placeholder="输入邮箱xx@163.com"/>
           </label><br>

              <label for="boy">
                  性别:
              <input type="radio"  id="boy" name="sex" value="boy"checked="checked" >男
              </label>
              <label for="girl">
              <input type="radio" name="sex" id="girl" value="girl">女
              </label>
              <p>
                  爱好:
                  <label>
                      <input type="checkbox" name="" id="" value="lvxing" />旅行
                  </label>
                  <label>
                      <input type="checkbox" name="" id="" value="yumao" />羽毛球
                  </label>
                  <label>
                      <input type="checkbox" name="" id="" value="bas" checked="checked" />篮球
                  </label>
              </p>
               <p>
                   关键字:
                   <input type="text" list="xx">
                   <datalist id="xx">
                       <option value ="PHP">PHP</option>
                       <option value ="java">java</option>
                       <option value ="python">python</option>
                       <option value ="sql">sql</option>
                   </datalist>
               </p>
               <p>
                   想学习语言:
                   <select>
                       <option value ="php">php</option>
                       <option value ="java">java</option>
                       <option value ="python">python</option>
                       <option value ="sql">sql</option>
                   </select>

               </p>
               <input type="submit" name="" id="" value="提交" />

       </form>

   </body>
</html>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议