submit对象身上的name属性，主要用来设定或读取表单提交按钮的字段名称。简单来说，就是给提交按钮起个名字，方便在后台处理数据时精准定位。

下面咱们通过一个具体的例子，一步步看看怎么用这个属性。

具体操作步骤

1. 创建HTML文件

先创建一个HTML文件，命名为submit_name。

2. 设置input元素

在页面中添加一个input元素，类型设为submit，同时把id属性设置为my_submit_id_name。

这样，我们在Ja vaScript中就能通过id直接找到这个按钮。

3. 添加按钮和点击事件

再添加一个按钮，给它绑定一个点击事件，触发一个名为my_submit_name的自定义函数。

有了这个函数，点击按钮时才能执行我们想要的操作。

4. 添加显示结果的p标签

还需要一个p标签，用来展示最终的输出结果，把它的id设置为show_submit_name。

5. 定义自定义函数

接下来，在Ja vaScript区域定义一个名为my_submit_name的自定义函数。

这个函数就是咱们的核心逻辑所在。

6. 获取并显示字段名称

在函数内部，通过name属性拿到input submit对象的字段名称，然后把这个值塞进之前那个p标签里。

这样，按钮的字段名就能在页面上显示出来了。

7. 标签内显示内容

标签内显示内容

8. 运行查看效果

最后，在浏览器中打开submit_name这个文件，点击按钮，就能看到运行效果了。

如果一切顺利，p标签里会显示出你设定的字段名称。

《夸克》非常好用的免费AI浏览器

下载APP查看