hi,你好!欢迎访问本站!登录
本站由网站地图腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 教程 - 杂谈 - 正文 君子好学,自强不息!

【杂谈】HTML完成多选框及没法提交多数据的缘由剖析(附视频)

2019-11-18杂谈搜奇网61°c
A+ A-
本篇文章主要给人人引见HTML表单中多选框提交数据的细致操纵要领以及没法提交多数据的缘由剖析。

HTML表单通常是用来网络用户输入的数据,然后提交数据给服务器来举行交互。那末人人应当晓得HTML网络用户数据能够经由过程单选框或许多选框等体式格局来猎取。

下面我们经由过程细致的代码实例,给人人引见HTML表单多选框猎取数据的相干操纵。

HTML表单代码示例以下:

<form action="upload.php" method="post">
    <input type="checkbox" name="like" value="篮球">篮球<br>
    <input type="checkbox" name="like" value="足球">足球<br>
    <input type="checkbox" name="like" value="排球">排球<br>
    <input type="checkbox" name="like" value="乒乓球">乒乓球<br>
    <input type="submit" value="肯定">
</form>

经由过程浏览器接见,多选框效果以下图:

从上述HTML表单代码和图片中,能够看到,当我们选中两个选项,点击肯定后,选中的选项就会经由过程post提交体式格局,提交到upload.php文件中。

upload.php代码以下:

<?php
var_dump($_POST);


那末PHP处置惩罚猎取HTML表单提交过来的数据后,打印出来的效果以下图:

此时人人应当都注意到,我们明显提交了两个数据为何只显示猎取一个数据?下面我们继承给人人剖析下涌现这类状况的缘由。

我们将上述的HTML代码中,method提交体式格局改成get,再将PHP代码改成

<?php
var_dump($_GET);

再挑选新选项,并提交肯定后,经由过程浏览器接见的效果以下图:



这里我们一样能够发明,只管我们选中了三个值,然则胜利提交猎取到的只要一个值。实在主要缘由就是由于input中name都是雷同,而当HTML表单input中name值为一样时,末了的值就会掩盖前面所选的值。比方上面例子中,upload.php只收到一个“排球”的值,而前面两个值都被掩盖了。

假如想要猎取多个数据就须要用到JS要领,在这篇文章【js中怎样取得checkbox里选中的多个值】中已给人人引见过了,须要的朋侪能够参考。

那末以上就关于HTML表单中多选框提交数据的操纵要领以及没法提交多数据的缘由剖析引见,我们也有对应的视频教程【HTML表单中没法提交多选框中的多数据到背景缘由剖析】可供人人进修。

以上就是HTML完成多选框及没法提交多数据的缘由剖析(附视频)的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
【杂谈】HTML完成多选框及没法提交多数据的缘由剖析(附视频)

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

本文来源:搜奇网

本文地址:https://www.sou7.cn/281830.html

关注我们:微信搜索“搜奇网”添加我为好友

版权声明: 本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。请记住本站网址https://www.sou7.cn/搜奇网。

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>