<form name="form" id="form">是啥意思？

Posted 2023-05-17

<form //html的表单标签，用於提交你表单内的数据，具体有哪些，你百度一下很多的，这里给你举例www.w3school.com.cn裏面说的很明白，还有实列，适合新手学习

name="form" //表单的name属性，也就是他的表单“名称” 你提交表单的时候，指定页面获取表单的值，通常都是抓取name属性所对应的值

id="form"> //表单的id属性，也就是表单的“ID号”相当於在你的HTML页面裏面给此表单打上一个标签，方便你去识别它，一般JS使用ID属性来关联到你HTML裏面的内容比较多，另外CSS也会通过ID属性来给特定的标签指定它的样式

补充一点，无论是name属性还是id属性，都最好不要使用特定的标签名称，比如td,tr,form,table等等，应为有些浏览器在读到这些特定名称时会认为他就是一个标签，因而导致你後面的页面全部出错 参考技术A 就是简单的定义一个html的表单，命名它的名称和id都为form.
第一个form是html的标签（详细用法请百度）
第二个和第三个form仅仅是一个名称而已，通常是为了js或php等脚本能获取该表单而设置的，如果你不喜欢这个名字，是可以随便更改的，而且name和id的值也没有要求必须是一样的 参考技术B 一个id和name都为form的form表单元素。
form标签介绍：
form标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
form 元素是块级元素，其前后会产生折行。

点击提交form

<form action="/search" id="search_form">
    <input type="text" name="keywords" value="" placeholder="Furniture Handles" class="jhser" />
    <span class="serBtn"  onclick="document:search_form.submit();">Search</span>
</form>

form给个ID search_form
然后价格点击事件 onclick="document:search_form.submit();"

高颜值后台管理系统免费使用 ### 子枫后台管理系统 ###，可在宝塔面板直接安装

欢迎关注我的公众号：子枫的奇妙世界，获得独家整理的学习资源和日常干货推送。
如果您对我的其他专题内容感兴趣，直达我的个人博客：www.wangmingchang.com 。