form和button标签的几个注意事项

最新推荐文章于 2021-07-19 09:02:54 发布
最新推荐文章于 2021-07-19 09:02:54 发布
阅读量461 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mia_shaungchen/article/details/51615539
版权

1. 请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

2.form标签必须制定action属性，当form中包含提交按钮时，也就是类型为submit的button按钮或者input按钮，如果不指定action属性则会将表单数据提交给当前页面，相当于刷新页面，如果不想提交到其他页面就指定action=“#”；

Mia_shuangchen
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
8.性能注意事项和最佳实践
OneKing's Blog
08-04 30
内存管理是软件开发的一个重要方面，它直接影响应用程序的性能、可靠性和可扩展性。在 .NET 生态系统中，开发人员必须根据正在开发的应用程序类型考虑不同的内存管理策略。桌面应用程序在资源有限的单台机器上运行。高效的内存使用对于避免耗尽系统资源至关重要。了解 .NET GC 相对于框架（Windows Forms、WPF 或 WinUI）的行为非常重要。每个框架都有细微差别，因此可以采用不同的编码技术来确保应用程序高效运行。
form和button冲突
qq_40088443的博客
05-19 1002
在写代码过程中发现一个很奇怪的事情，点击登录按钮的时候，居然没有出发按钮对应的ajax,显示被cancel了。而且观察url地址栏，发现url后面莫名其妙多了&username=....&password=..... 查了一下才知道，当有form表单的时候，内部的调整按钮不要用button,因为button的提交也会出发form的提交，然后form表单的请求以get的形式，...
form表单的button
weixin_34138056的博客
01-21 161
今天用form表单做了一个查询列表的功能，但是点击button后页面整体刷新，很是郁闷，后来到网上看了看，是因为form中button类型默认时submit，后来改为type="button"解决，其实知识很基本，但是时间久了就忘记了，还是记下来吧，方便以后查看。 转载于:https://www.cnblogs.com/samsara-yx/p/10299494.html...
form表单中 button 、 input type="button" 、 input type="submit" 的区别
shijiujiu33的博客
10-18 2981
1.< button >与< input type=“button” >其中一个重要的区别就是： 在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。 < button > 控件 与 < input type=“button” > 相比，提供了更为强大的功能和更丰富的
设计网页按钮时的注意事项
whaxrl的专栏
04-21 1004
对于一个可以起到吸引用户点击作用的按钮，建议从下面几个方面来思考 1.按钮本身的颜色 本身的颜色应该区别于它周边的环境色，因此它要更亮而且有高对比度的颜色。 2.按钮的位置 按钮的位置也需要仔细考究，基本原则是要容易找到，特别重要的按钮应该处在画面的中心位置。 3.按钮上面的文字表述 在按钮上使用什么文字传递给用户非常重要。需要言简意赅，直接明了，如:注册、下载、创建、免费
Button标签和Form标签组合造成的刷新问题
Smallc0de的博客
09-23 192
前言 最近需要开发一个前端的功能，需要用button提交form内数据到后台。但是无论如何写都会造成点击button导致本页面一直刷，而持续请求ajax，无法正常输出，也无法动态的显示一些控件，耽误了好几个小时记录一下。 发现问题 问题的发现是因为有别的页面使用了同样的代码却没有问题，于是经过多次调整发现如果button标签放在form里，并且button标签的type属性是submit会导致这个问题。因此解决这个问题有两个方案： 把button标签放在form标签外面。 如果一定要在form里面，修改b
浅谈layui 绑定form submit提交表单的注意事项
10-16
在本文中，我们将深入探讨layui框架中如何绑定form submit提交表单时需要注意的事项。layui是一个流行的前端组件库，提供了丰富的UI元素和便捷的API，其中包括表单处理功能。下面，我们将详细介绍两个关键点：lay-...
mpvue跳转页面及注意事项
10-18
接着，我们关注MPVue中的几个重要注意事项： 1. **变量、图片和组件引入**：MPVue支持使用Vue的绑定语法来引用变量、图片和组件。例如，引用图片： ```html ``` 使用组件： ```html ...
layui form表单提交后实现自动刷新
10-16
在文章的最后，作者提到的所有问题和注意事项，都是在实际开发过程中可能遇到的常见问题。通过以上几点总结，可以有效解决在layui中表单提交后页面自动刷新以及数据获取的问题，从而提升开发效率和用户体验。希望...
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
08-30
在使用EasyUI的`filebox`时，需要注意它会在运行时动态生成一个新的`<input type="file">`元素，并将其`id`设置为特定格式（如`filebox_file_id_+编号`）。因此，直接在HTML中定义的`id`可能无效，这会导致后端无法...
小白编程笔记——HTML中form，button，和Javascript操作的注意事项
Takumu的博客
07-19 241
编程的过程中可能会需要通过HTML上的button来实现表单的提交。我之前习惯是在表单tag中写button，然后在button的回调函数中实现form的提交，但是这个方式是存在一定的小问题的。比如说，如果我需要给回调函数增加一个确认，如果没有得到确认就不再执行form的提交，例如 if(!confrim("是否确认提交？")) return; 此时，我希望实现的是通过return来终止form的提交，但是如果这个button是写在form tag中的话，即使使用了return，form表单仍然会进行
一个关于form标签和button标签的小坑
xiaoyao9524的博客
01-15 643
如果在form标签中嵌套了button标签，那么点击button时会自动提交form。 &lt;form id="testForm" action="/test" method="POST"&gt; &lt;input id="testInp" size="50" placeholder="请输入内容"/&gt; &lt;butt
form标签和其内部的button标签的关系
豆之助
06-28 1077
form 标签中有button标签时，点击button会触发form的提交表单动作，哪怕form标签什么都没定义
form中的button问题
qq_25302061的博客
10-15 1454
当一个form中需要用button实现除提交form外的功能时，需要给该button加上type=‘button’，否则默认为提交form。
关于<button><form>标签的正确使用
jianleking的专栏
11-18 2771
1.背景最近因为自己过失，遇到一个坑，问题不大自己折腾了很久。记录一下，代码如下： <form action='' id='userForm'> <input type='text' data-name='username' value='tom'/> <input type='password' data-name='password' value='1234
button标签的form属性(用于指定按钮关联的表单)
WinstonLau的博客
03-13 2115
请看这里
form表单里的button按钮
BeWorriedJava的博客
03-01 2037
最好不要在form表单里写button按钮，因为button标签的默认type是submit类型，会自动提交表单，button按钮自动跳转刷新。
form中的button类型及其作用
Eighteen Z
05-24 7636
form中的button类型及其作用 在form中的button与在form外的不同 在form内button的type如果不设置 默认为submit 这样就会有一个问题: 如果你的form中除了提交按钮还有别的按钮，例如你要选取一张别的图片，选取一个视频等，需要这个按钮去触发 同时，你的表单中设置了必填选项，那么如果该选项未填的情况下去选择图片，就会触发提交。 然后检测到有...
form表单的两种提交方式，submit和button的用法
热门推荐
honey_Claire的专栏
06-13 63万+
1.当输入用户名和密码为空的时候，需要判断。这时候就用到了校验用户名和密码，这个需要在jsp的前端页面写；有两种方法，一种是用submit提交。一种是用button提交。 方法一： 在jsp的前端页面的头部插入一个js方法：  function checkUser(){    var result = document.getElementById("userid").value;
form:agutton和form:button的区别
最新发布
05-27
在 HTML 表单中，form:button 和 form:submit 都是用于创建按钮的标记。它们之间的主要区别在于它们所产生的按钮类型以及按钮的行为方式。 form:button 标记将创建一个普通的按钮，它不会提交表单。当用户单击该...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值