form中 button不能用的问题

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

毕设到了最后阶段，被这个问题折腾了一晚上。最后见例子：

<form>

<input value="-"  type="button" οnclick="Sub(this)"  name="Sub" /> <input type="text" value="8" name="t1"  readonly="readonly" />
    <input value="+"  type="button" οnclick="Add(this)" name="Add"/>

</form>

注意名字不能重复，否则会提示该对象无此方法。将name和方法名改为不一样即可。

<input value="-"  type="button" οnclick="Sub(this)"  name="hh" /> <input type="text" value="8" name="t1"  readonly="readonly" />
    <input value="+"  type="button" οnclick="Add(this)" name="ss>

大邦
关注
专栏目录
关于form表单用butten提交后无反应相关问题解决
qq_45503776的博客
06-12 2079
记录一下自己在测试时遇见的问题： 1.自己用原生servlet随便写了一个web项目，一切如常，在from提交表单时发现后端取不到值，测试发现根本没有提交到后台，doget和do
关于在Form表单中出现多个Button但是Button失效的问题
lu10505的博客
12-17 2513
代码如下：                   注册     登陆                       注册     登陆     在这两种情况下，点击登录button是不会有反应的,正确代码应该如下：                   注册     登陆
form中的button问题
qq_25302061的博客
10-15 1458
当一个form中需要用button实现除提交form外的功能时，需要给该button加上type=‘button’，否则默认为提交form。
关于form表单底下 button自动提交表单的问题
02-24 1928
今天遇到一个很恶心的问题，form表单底下的button按钮标签 每次点击 都会将表单自动提交，根本就起不到一个按钮的作用了，郁闷半天，搜索半天，终于顿悟，下面上来解决办法。 1  经过测试 将button标签这只上 type="button"的属性 即可解决问题 2  用  标签也可以解决问题 岂不知这是浏览器的问题 还是html的问题.... 原文章：http://bl
[java]按钮JButton问题（图形按钮、按钮不显示、鼠标滑过才显示、显示位置错误等）——form：菜鸟理解
谔码者
11-27 8513
问题目录问题起源按钮显示位置错误（按钮充满整个窗体）按钮的添加位置按钮只有在鼠标滑过才显示 问题起源 我呢，是一名目前还在纠结毕业设计的苦逼学生。之前壮志凌云，许下：“自己的毕设要自己写”的豪情壮志。还为了防止重题，直接避开了“连连看”、“推箱子”这种网上有对照的题目，选了个“四顶棋”这个小时候玩的游戏，而且网上丝毫没有相关资料。连这个“四顶棋”的名字，都不知道是不是这个游戏的本名！ 以上均是废话...
解决layui中的form表单与button的点击事件冲突问题
10-18
总结一下，解决layui中form表单与button点击事件冲突问题的关键在于：正确设置HTML结构，避免表单元素覆盖按钮，以及使用layui的事件绑定功能来确保按钮的click事件能被正确触发。通过这些方法，我们可以确保在layui...
用image来提交form不想使用button提交form
12-13
通常，我们使用`<button>`或`<input type="submit">`标签来创建一个提交按钮，但有时为了美观，开发者可能会选择使用图像（image）作为提交按钮。本文将详细讲解如何使用图像提交表单，以及解决可能出现的重复提交...
JavaScript在form表单中使用button按钮实现submit提交方法
01-19
 在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法： 使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaScript中实现具体，代码如下： <head> ...
关于Form中的button按钮的onclick事件失灵的问题
comm2008的博客
04-30 6790
最近做项目时，发现button的onclick事件在没有form时是正常工作的。如果把button放到form中，类似： <form action="xxx"> <button onclick="yyy"></button> </form> 在网上找了下资料后，终于解决了，记录如下： button中的type属性规定了按钮的类型。InternetExplorer的默认类型是"button"，而其他浏览器中（包括W3C规范...
form表单用butten提交后无反应&表单提交三种方式
Cbelieveyouself的博客
06-09 6442
form表单用butten提交后无反应&表单提交三种方式
form表单中使button点击后不起作用的方法和原理
maweimaweima4的专栏
10-17 1561
event             资源公告管理                                       发布                 onclick="window.location.href = '/resrepo-webapp/admin/notice!input.action'; if(event.preventDefault){e
关于form表单中button的使用
weixin_42812634的博客
03-27 3143
如图中所示，form表单中存在button按钮，此时该如何写这个button呢？ 1、错误写法，点击时相当于直接提交表单； <button onclick="xx()">投影机参数</button> 2、正确写法一 <button type="button" onclick="xx()">投影机参数</button> 3、正确写法二 <i...
点击button没有反应
weixin_33816300的博客
09-21 3560
2019独角兽企业重金招聘Python工程师标准>>> ...
前端:form表单下的 button 按钮会自动提交表单,导致 button 点击事件无效
潘小蓝的博客
09-17 3540
今天在学习的时候遇到一个头疼的问题,问题的呈现就是你所看到的大大的标题,如果你也遇到了类似的问题,恭喜你,找到了解决的办法。 先看一下下述代码(不要跑,你能看懂): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=.
antd解决form不能套form的问题
最新发布
06-06
在 Ant Design 中，一个表单（Form）只能有一个包含所有表单项的 Form.Item，因此无法直接嵌套多个 Form。但是，可以通过使用表单域组（Form.List）来实现套嵌表单。 具体实现步骤如下： 1. 在外层表单（父表单）中使用 Form.List 包裹需要嵌套的表单项，例如： ```jsx <Form.List name="nestedForm"> {(fields, { add, remove }) => { return ( <> {fields.map((field, index) => ( <Form.Item key={field.key}> <Input name={[field.name, 'inputName']} fieldKey={[field.fieldKey, 'inputKey']} placeholder="Input something" /> <Button onClick={() => remove(field.name)}>Remove</Button> </Form.Item> ))} <Button onClick={() => add()}>Add</Button> </> ); }} </Form.List> ``` 2. 在嵌套的表单项（子表单）中使用 Field 包裹需要收集数据的表单项，例如： ```jsx <Form.List name={['nestedForm', index, 'subNestedForm']}> {(fields, { add, remove }) => { return ( <> {fields.map((field, index) => ( <Form.Item key={field.key}> <Input name={[field.name, 'inputName']} fieldKey={[field.fieldKey, 'inputKey']} placeholder="Input something" /> <Button onClick={() => remove(field.name)}>Remove</Button> </Form.Item> ))} <Button onClick={() => add()}>Add</Button> </> ); }} </Form.List> ``` 在上述代码中，`name` 属性设置为数组形式，使用 `[]` 包裹每级表单项的名称，例如 `'nestedForm'` 表示父表单中的嵌套表单，`'subNestedForm'` 表示子表单中的嵌套表单。使用 `index` 变量表示当前表单项的下标。 通过以上方式，就可以在 Ant Design 中实现表单的嵌套和收集数据。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值