博主信息
博文 3
粉丝 0
评论 0
访问量 2096
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
第二次作业
邈看银河系的博客
原创
644人浏览过

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>表单于表单中的控件元素</title>
</head>
<body>
<h3>用户注册</h3>
<form action="" method="get" name="register">
   <p>
       <label for="username" >账号:</label>
       <input type="text" id="username" name="username" placeholder="不超过8个字符!" autofocus>
   </p>
   <p>
       <label for="password" >密码:</label>
       <input type="password" id="password" name="password" placeholder="请输入密码">
   </p>

   <p>
       <label for="email" >邮箱:</label>
       <input type="email" id="email" name="email" placeholder="123@123.com" required>
   </p>

   <p>
       <label for="age" >年龄:</label>
       <input type="number" id="age" name="age"  min="10" max="30"  >
   </p>
   <p>
       <label for="birthday" >年龄:</label>
       <input type="date" id="birthday" name="birthday"  >
   </p>
   
<!--下拉列表-->
<p>
       <label for="course">课程:</label>
       <select name="course" id="course" size="1">
           <option value="0">请选择</option>
           <option value="1">HTML5</option>
           <option value="2">CSS3</option>
           <option value="3">JavaScript</option>
           <option value="4">PHP</option>
           <option value="5">MySQL</option>
           <option value="6">ThinkPHP</option>
       </select>
   </p>
   <p>
       <label for="programme">爱好:</label>
       <input type="checkbox" name="hobby[]" value="game" id="game">
       <label for="game">打游戏</label>


       <input type="checkbox" name="hobby[]" value="programme" id="programme">
       <label for="programme">掳代码</label>



       <input type="checkbox" name="hobby[]" value="programme" id="movies" checked>
       <label for="movies">看片啊</label>


   </p>
   <p>
       <input type="radio" name="gender" value="male" id="male">
       <label for="male">男生</label>
       <input type="radio" name="gender" value="female" id="female">
       <label for="female">女神</label>
       <input type="radio" name="gender" value="secrecy" id="secrecy" checked>
       <label for="secrecy">保密</label>

   </p>

   <p>
       <label for="comment">简介:</label>
       <textarea name="comment" id="comment" cols="30" rows="10" maxlength="300" placeholder="不超过150个字!"></textarea>


   </p>

   <p>
       <input type="submit" name="submit" value="提交">
       <input type="reset" name="reset" value="重置">
       <button style="submit">提交1</button>


   </p>



   
</form>

</body>
</html>

本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学