zoukankan      html  css  js  c++  java
  • 常见表单元素处理

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

  • 相关阅读:
    CC.NET+SVN+Msbuild
    react服务端/客户端,同构代码心得
    为什么国人很难出高质量开源
    FKP,一套全栈框架,基于react、webpack、koa1、babel
    嵌入式工程师的发展路线
    浅谈学习单片机的一些职业规划
    关于嵌入式新手面试的一些小技巧
    几点心得送给学习嵌入式的新手
    新手学习嵌入式需要掌握的几点知识点
    从迷茫到转机,一个嵌入式工程师的经历
  • 原文地址:https://www.cnblogs.com/shanlu0000/p/11584934.html
Copyright © 2011-2022 走看看