常见表单元素处理

表单元素中的文本框文本域一类的元素，都是直接将元素的 name 属性作为键，用户填写的信息作为值，发送到服务端

但是表单元素中还有一些比较特殊的表单元素需要单独考虑

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
　　//1，单选按钮，最终只会提交选中那一项的 value
    <label> <input type="radio" name="gender" value="man">男</label>
    <label><input type="radio" name="gender" value="woman">女</label>
    </br>

　　//2，复选按钮
    <label><input type="checkbox" name="agree">同意</label>  //没有设置value的checkbox 选中提交的 value 是 on
    <label><input type="checkbox" name="agree" value="true">同意协议</label>  //设置了 value 的checkbox 选中提交的是 value 值
    </br>
　　　　
　　
　　//3,如果需要同时提交多个选中项，可以在 name 属性后面跟上 []，最终提交到服务端，通过 $_POST 接收到的是一个索引数组
    <label><input type="checkbox" name="balls[]" value="football">足球</label>
    <label><input type="checkbox" name="balls[]" value="basketball">篮球</label>
    <label><input type="checkbox" name="balls[]" value="pinpang">乒乓球</label>
    </br>

　　//4，选择框
    <select name="subject">
        <option value="1">语文<option>   //设置 value 提交 value
        <option>数学</option>  //没有设置 value 提交 innerText
    </select>

    <button>提交</button>
</form>
</body>
</html>

①当表单中使用了 radio（单选按钮），一定要为相同name 的 radio 设置不同的 value ，让服务端可以辨别

②checkbox 如果没有选中则不会提交

posted @ 2019-09-25 15:27  shanlu  阅读(238)  评论(0)  编辑  收藏  举报