490day（关于表单元素的提交）

最新推荐文章于 2025-05-23 11:56:50 发布

原创最新推荐文章于 2025-05-23 11:56:50 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML表单中各种元素的提交行为，包括文本、密码、电子邮件、数字输入、复选框、单选按钮、下拉选择框及文件上传等。通过PHP后端接收并解析提交的数据，展示了如何正确设置表单元素属性以实现预期的功能。

《2019年2月6日》【连续490天】

标题：关于表单元素的提交；
内容：

<?php

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  var_dump($_POST);
}

// $foo[] = 1

?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表单</title>
</head>
<body>
  <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">

    <!-- <input type="text" name="key1" id=""> -->
    <!-- <input type="password" name="key1" id="">
    <input type="email" name="key1" id="">
    <input type="number" name="key1" id="">
    <input type="number" name="key1" id=""> -->
    <!-- <textarea name="key2" id="" cols="30" rows="10"></textarea> -->

    <!-- 当表单中使用了 radio ，一定要为相同 name 的 radio 设置不同的 value，让服务端可以辨别 -->
    性别
    <label><input type="radio" name="gender" value="male"> 男</label>
    <label><input type="radio" name="gender" value="female"> 女</label>

    <br>

    <!-- checkbox 如果没有选中则不会提交，如果选中提交 on -->
    <label><input type="checkbox" name="agree" value="true"> 同意协议</label>

    <br>

    <label><input type="checkbox" name="funs[]" value="football"> 足球</label>
    <label><input type="checkbox" name="funs[]" value="basketball"> 篮球</label>
    <label><input type="checkbox" name="funs[]" value="earth"> 地球</label>

    <br>


    <select name="status">
      <option>激活</option>
      <option>未激活</option>
      <option value="1">待激活</option>
    </select>


    <br>

    <input type="file" name="" id="">


    <button>提交</button>

  </form>
</body>
</html>