当前位置 : 主页 > 网页制作 > html >

常见表单元素处理

来源:互联网 收集:自由互联 发布时间:2021-06-12
表单元素中的文本框文本域一类的元素,都是直接将元素的 name 属性作为键,用户填写的信息作为值,发送到服务端 但是表单元素中还有一些比较特殊的表单元素需要单独考虑 ? php i

表单元素中的文本框文本域一类的元素,都是直接将元素的 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 如果没有选中则不会提交

上一篇:设置滚动条
下一篇:HTML5&CSS3
网友评论