博客列表 >0930作业-注册表单

0930作业-注册表单

归宿的博客
归宿的博客原创
2020年10月12日 18:07:47732浏览
  1. <h3>会员注册</h3>
  2. <form action="check.php" method="POST">
  3. <label for="username">姓名:</label>
  4. <input type="text" id="username" placeholder="不少于6个字符" required autofocus><br>
  5. <!-- 头像 -->
  6. <label for="pic">头像</label>
  7. <input type="file" name="pic">
  8. <input type="hidden" max="MAX_FILE_SIZE" value="80000"><br>
  9. <label for="email">邮箱:</label>
  10. <input type="email" id="email" placeholder="demo@email.com" required autofocus><br>
  11. <label for="phone">手机:</label>
  12. <input type="text" id="phone" placeholder="请输入11位手机号码" required autofocus><br>
  13. <!-- 单选框 -->
  14. <label for="sex">性别</label>
  15. <div>
  16. <input type="radio" id="male" name="gender" value="male"><label for=""></label>
  17. <input type="radio" id="female" name="gender" value="female"><label for=""></label>
  18. <!-- checked:默认选项 -->
  19. <input type="radio" id="secret" name="gender" value="secret" checked><label for="">保密</label>
  20. </div>
  21. <!-- 复选框 -->
  22. <label for="game">爱好</label>
  23. <div>
  24. <input type="checkbox" id="music" name="music" value="data[]"> <label for="music">音乐</label>
  25. <input type="checkbox" id="jump" name="jump" value="data[]"> <label for="jump">爬山</label>
  26. <input type="checkbox" id="game" name="game" value="data[]" checked> <label for="game">游戏</label>
  27. </div>
  28. <!-- 学历 -->
  29. <label for="edu">学历:</label>
  30. <select name="edu">
  31. <option name="" id="" value="小学">小学</option>
  32. <option name="" id="" value="初中">初中</option>
  33. <option name="" id="" value="高中">高中</option>
  34. <option name="" id="" value="大专">大专</option>
  35. <option name="" id="" value="本科">本科</option>
  36. <option name="" id="" value="研究生">研究生</option>
  37. </select>
  38. <br>
  39. <label for="about">介绍</label><br>
  40. <textarea name="about" id="about" cols="30" rows="10" placeholder="仅输入40个字符"></textarea>
  41. <p>
  42. <button type="button">提交</button>
  43. <button type="reset">重置</button>
  44. </p>
  45. </form>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议