在form表单中使用div提交会有什么后果

最新推荐文章于 2022-11-18 17:52:29 发布
最新推荐文章于 2022-11-18 17:52:29 发布
阅读量5.7k 收藏 3
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41297837/article/details/93170770
版权

div本身是结构元素

在form表单中使用的元素都是表单元素如input，select等

手动尝试给div加name属性和value属性

用于表单提交到后端，后端部分代码如下

运行结果

可见form表单中使用div是可以添加name属性并获取到，但是不能够添加value属性（获取不到）

 

occam-ysw
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
form表单中使用div提交
qq_38963393的博客
05-25 2122
div时结构性元素，为其赋予name和value属性的时候， 后端可以获取到name属性的值，但value的值为None
html div可输入,DIV可编辑输入(contenteditable)并能够提交表单内容
weixin_39530288的博客
06-08 2213
DIV可编辑输入(contenteditable)并能够提交表单内容2018-07-25 12:07想让DIV标签可编辑输入内容，我们只需设置contenteditable="true"即可。但是如果我们想将在div里面输入的内容，进行表单提交保存到数据库又该怎么操作呢？直接$_POST["divcontent"]是不行的，所以我们得另想办法。如下代码：#div_content{border-bo...
通过点击事件利用form表单追加div做批量添加
L__MY的博客
05-17 1259
通过点击事件利用from表单追加div <script> var i=0;定义变量 每次追加一个i就增加1 function add(sid){ $("form").append( "<div>"+ "<table>"+ "<tr>"+ "...
现在的html还用div吗,html - 在FORM中使用DIV是否正确？
weixin_39661345的博客
06-19 402
html - 在FORM中使用DIV是否正确？我只是想知道你在FORM-tag中对DIV-tag的看法是什么？我需要这样的东西： some another 一般的做法是在FORM内使用DIV，还是需要不同的东西？demas asked 2019-06-08T17:46:12Z9个解决方案105 votes这很好。div将仅提交其输入类型控件(*也是form,Select等...)。form内您...
Form表单里面有内嵌的div，无法获取到表单值
q1054007919的博客
02-10 1795
<Form.Item {...layout} > <div className='unitName_style'> <span className="ant-input-group-addon"> <Iconfont type="icon-bumenguanli"/> </span> <Form.Item name="roleId" rules={[{requ..
关于form表单提交的问题
nice_fly的博客
11-08 964
个人遇到的几个问题： 1.提交form表单，必须获取到input里面的值 2.针对以下代码将div里面的值赋给input，先获取div的值，在jquery里面 var typetext = $(this).text(); 然后将typetext放到input中，$("#type").val(typetext);"#type"是input的ID； 3.form表单提交验证，如果是button或...
jQuery实现提交表单时不提交隐藏div中input的方法
10-16
在本例中，我们探讨的是如何使用jQuery来实现一个特定的功能：在提交表单时，不包括隐藏div中的input元素的值。这是因为通常情况下，表单在提交时会包含所有可见或不可见的input元素的值，而我们有时希望隐藏部分...
使用layui前端框架弹出form表单以及提交的示例
10-16
在本文中，我们将深入探讨如何使用layui前端框架来弹出form表单并进行数据提交。layui是一款基于HTML5和CSS3的轻量级前端组件库，它提供了丰富的UI组件和强大的交互功能，使得Web开发更加便捷高效。下面，我们就按照...
Ajax提交Form表单页面仍会刷新问题的快速解决办法
10-20
然而，在实际操作中，我们可能会遇到Ajax提交Form表单时页面仍然刷新的问题。本文将深入探讨这个问题及其解决方案。 首先，我们要了解Ajax的工作原理。Ajax（Asynchronous JavaScript and XML）是一种在无需重新...
jquery插件EasyUI中form表单提交实例分享
01-19
当表单提交后，我们可以获取表单上控件中的值，然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。 一、要实现的功能：从上面这个表单中，获取控件中的值，然后传递给后台。下面是表单...
用JS提交参数创建form表单在FireFox中遇到的问题
10-27
本文将深入探讨使用JavaScript创建和提交表单参数，并特别关注在Firefox浏览器中遇到的问题及其解决方案。 首先，让我们看看初始的JavaScript代码片段，用于创建一个隐藏的表单并提交参数： ```javascript ...
让div盒子（form表单）水平垂直居中显示
热门推荐
聪明不喝牛奶的博客
07-15 1万+
让div盒子（form表单）水平垂直居中显示 CSS没怎么学好，就这个搞得我头皮发麻，不过还好的是把他啃下来了… 废话不多说直接上代码 <style> .login-form{ //让登录框水平居中 box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5); //让登录框增加阴影 border-radius: 8px; //增加登录框的圆弧角 width: 400px; max-width: 100%; padding: 0
element-ui的el-form表单和el-table校验嵌套使用校验el-input和el-select
weixin_46724415的博客
01-26 9031
element-ui的el-form表单和el-table校验嵌套使用校验el-input和el-select
el-form动态表单的两种写法，过滤下拉选择
weixin_50072831的博客
11-02 4616
【代码】el-form动态表单的两种写法。
el-form的二次封装，el-form嵌套使用
qq_32849999的博客
08-26 2360
背景：公司项目的每一个页面基本上都有el-form。而且不同的el-form里面有部分el-form-item是相同的，于是就想把这部分相同的el-form-item封装成一个el-form即组件d2-page-form。为什么要封装成一个el-form？d2-page-form是页面原来的el-form的子组件。在封装组件A的过程中，又想到了把el-form二次封装，这样就可以满足页面中不再写el-form、el-form-item的html代码了，直接封装一个组件，给组件传入对应的属性就可以了。....
el-form+el-table动态表单嵌套以及校验
打工人
11-18 1760
【代码】el-form+el-table动态表单嵌套以及校验。
vue 中 Element-UI 表单验证的几种方法
weixin_49612239的博客
06-07 1398
在开始之前需要把element-ui在vue中引入好，如果没有引入好的话，需要先跟着element-ui的文档进行操作，接下来就可以进行学习了。 第一种：在el-form-item单个添加验证 这种方式适用于需要个别检验的字段，或者表单字段有变动的校验； 做法：需要在el-form-item标签中加入 :rules=’'直接是验证的条件 '' 下面举个例子（验证用户名 不能为空） <el-form-item label="用户名" :prop="userName" :rules="[{ re.
在vue中，该如何同时提交多个form表单
最新发布
03-30
可以使用axios库来同时提交多个form表单，具体步骤如下： 1. 在Vue组件中引入axios库：`import axios from 'axios';` 2. 定义一个方法来处理表单提交： ``` submitForms() { const formData1 = new FormData(document.getElementById('form1')); const formData2 = new FormData(document.getElementById('form2')); // 使用axios发送请求 axios.all([ axios.post('/api/submit-form1', formData1), axios.post('/api/submit-form2', formData2) ]).then(axios.spread(function (response1, response2) { // 处理两个请求的响应 })); } ``` 3. 在模板中添加两个表单，并为每个表单添加一个独立的id： ``` <template> <div> <form id="form1"> <!-- 表单1的内容 --> </form> <form id="form2"> <!-- 表单2的内容 --> </form> <button @click="submitForms">提交</button> </div> </template> ``` 4. 在按钮的点击事件中调用submitForms方法来提交表单。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值