博客列表 >表单控件提交

表单控件提交

手机用户7232767
手机用户7232767原创
2022年11月10日 10:11:19307浏览

{<!DOCTYPE html>

<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>表单作业</title>
</head>

<body>
<h2 class="title">用户注册</h2>
<form action="" method="post" enctype="application/x-www-form-urlencoded">

  1. <fieldset>
  2. <legend>基本信息</legend>
  3. <div class="username">
  4. <label for="uname">用户名:</label>
  5. <input type="text" name="username" id="uname" placeholder="不少于6位" required>
  6. </div>
  7. <div class="password">
  8. <label for="psw">密码:</label>
  9. <input type="text" name="password" id="psw" placeholder="不少于6位数字" required>
  10. </div>
  11. <div class="email">
  12. <label for="myemail">邮箱:</label>
  13. <input type="email" name="email" id="myemail" placeholder="user@email.com" required>
  14. </div>
  15. <div class="upload">
  16. <label for="upload">头像:</label>
  17. <input type="file" name="user_pic" id="upload" >
  18. <button type="button">上传</button>
  19. </div>
  20. <div class="hobby">
  21. <label>爱好:</label>
  22. <label for="music">音乐</label><input type="checkbox" name="hobby[]" id="music" value="music">
  23. <label for="basketball">篮球</label><input type="checkbox" name="hobby[]" id="basketball" value="basketball">
  24. <label for="tour">旅游</label><input type="checkbox" name="hobby[]" id="tour" value="tour">
  25. <label for="mv">电影</label><input type="checkbox" name="hobby[]" id="mv" value="mv">
  26. </div>
  27. </fieldset>
  28. <button>提交</button>
  29. </form>

</body>
</html>表单截图}

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