表单知识总结

plus2047 发布于2019-08-01 15:06 / 2317人阅读

摘要：表单是前端交互的重要部分，这里总结了我在使用表单元素时的一些经验和遇到的问题。但现在我知道了，至少对于表单元素，还是很重要的指定的话只是给出个样式而已，没有相同的怎么能标识操作一类数据的控件呢当然也就不能实现其默认交互效果啦。

表单是前端交互的重要部分，这里总结了我在使用表单元素时的一些经验和遇到的问题。

记得设置元素的name属性

一个我最近犯的错：input元素不设置name，以为设置了type就自动单选了，光看外表的结果自然被打脸。。。

其实如果只是单纯的DOM操作，元素的name属性看来是个可有可无的东西，其功能完全可以被id和class替代。但现在我知道了，至少对于表单元素，name还是很重要的---指定type的话只是给出个样式而已，没有相同的name怎么能标识操作一类数据的控件呢！当然也就不能实现其默认交互效果啦。

在表单中使用button元素

如果button元素被用在表单form中，那它就不再是个普通按钮了，要注意，由于其type属性被设置成了submit，所以此时它的行为是和这个元素一致的，你一点击它就会提交表单、发送请求。

但如果我们就想让它老老实实做个按钮，或者用于实现其他的功能，而不是每次一点击就会提交表单。这时，和input元素一样，我们可以通过设置其type属性来达到目的，只不过其选项就比较少了，只有无默认行为的button和重置的reset两个值可供使用。

防止表单属性和表单元素的冲突

在表单里，每个表单元素的id或name值都可以看成form元素的一个属性，而属性的值就是具有该id或name的元素。所以我们要获得表单元素，除了经典的DOM方法外，还可以这么做：

虽然在表单里的这个设定给我们引用表单元素带来很大的方便，但如果我们要使用一些form这个DOM对象的默认属性，那我们后定义的表单元素就会覆盖原来的属性，导致调用不到！！比如下面这个例子：

所以，我们如果要访问form对象的默认属性，就必须得保证我们表单元素的id或name的值不与原有的属性名冲突，否则是访问不到的。

GPU云服务器云服务器位段知识总结 linux数据结构知识点总结 js注册表单总结报告年终总结

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/49768.html

表单知识总结

摘要：表单是前端交互的重要部分，这里总结了我在使用表单元素时的一些经验和遇到的问题。但现在我知道了，至少对于表单元素，还是很重要的指定的话只是给出个样式而已，没有相同的怎么能标识操作一类数据的控件呢当然也就不能实现其默认交互效果啦。表单是前端交互的重要部分，这里总结了我在使用表单元素时的一些经验和遇到的问题。记得设置元素的name属性一个我最近犯的错：input元素不设置name，以为...

jk_v1 2019-08-19 17:49 评论0 收藏0
前端知识点总结——DOM

摘要：前端知识点总结什么是什么是专门操作网页内容的标准为什么统一不同浏览器操作网页内容的标准优点几乎所有浏览器兼容什么是网页中所有内容在内存中都是保存在一棵树形结构中网页中每项内容元素文本属性注释，都是树上的一个节点对象。前端知识点总结——DOM 1.什么是DOM: Document Object Model 什么是: 专门操作网页内容的API标准——w3c 为什么: 统一不同浏览器操作网...

Vultr 2019-08-22 14:58 评论0 收藏0
从0开始构建自己的前端知识体系-JS-事件-键盘事件总结

摘要：在探寻的过程中发现自己对键盘输入事件的理解还并不到位，以至于有一些代码看得云里雾里，赶紧查阅资料写写总结一下下文所说只在与里做了探究。短按触发顺序长按触发顺序循环事件阻止冒泡这类事件都会冒泡，阻止按照常规调用接口就可以阻止冒泡了。前言最近因一个需求在element-ui的Select组件文档内找不到对应的示例，也就是filter-method方法的具体使用样例，尝试几次之后也使用了...

Anonymous1 2019-08-22 15:55 评论0 收藏0
前端知识点总结——HTML

摘要：跨列从指定单元格的位置处开始，横向向右合并几个单元格包含自己，被合并的单元格要删除。前端知识点总结——HTML HTML：HTML4.01 指的就是网页技术HTML5：HTML4.01的升级版本 1.web的基础知识 web与Internet 1.Internet:全球性的计算机互联网络，因特网，互联网，交互网 2.提供服务访问网站：www（world wide web）服务 ...

sourcenode 2019-08-01 18:37 评论0 收藏0
jQuery学习和知识点总结归纳

摘要：目前在前端开发所占的比重越来越高，在我们学习和开发的过程中都会去使用。下面把程序员雷雪松对的知识点总结和归纳分享给大家。过滤对同胞元素的搜索。将匹配元素集合缩减为集合中的最后一个元素。返回指定元素相对于其他指定元素的位置。 jQuery目前在Web前端开发所占的比重越来越高，在我们jQuery学习和开发的过程中都会去使用。jQuery帮我们解决了浏览器之间JS一些不兼容的地方和简化了原...

JohnLui 2019-08-19 18:00 评论0 收藏0