Question

我是html的新手，我只是想知道你究竟是如何使用name属性的？例如，如果我制作2个按钮

<button
        type="button"
        name="startbtn"
        onclick = start()
>
start
</button>

<button
        type="button"
        name="End"
>
End
</button>

我给他们提供名称属性可能是为了区分它们，但我如何在以后使用名称标签？我试过环顾互联网，但我找不到任何答案？

Answer 1

试试这个

<input type="button" name="start" value="start" />
<input type="button" name="end" value="end" />

按名称检索值

document.getElementsByName("start")[0].value
document.getElementsByName("end")[0].value

Answer 2

在DOM树中按属性查找/搜索HTML元素。 html元素可以通过attributes, element type, index, postion, parent, child, sibling, xpath和许多其他方式进行搜索。一些常见的html元素的属性是Id, Name, Class, type。在使用客户端脚本（如javascript等）或服务器端脚本（如php等）时，您需要使用这些属性。

让我们说在Javascript中，如果你想调用你的开始按钮的点击，你可以这样做。找到元素＆amp;调用该元素的click方法 - document.getElementByName('startbtn').click()

在服务器端脚本中，提交表单时 - 表单元素的值由元素名称访问。假设您有一个包含四个输入字段的表单，例如姓名，资格，爱好，技能和范围。你想将它保存在数据库中。提交此表单时，可以通过元素名称检索给定值。

这里的php示例

$_POST['name'] - 您可以访问php脚本中给名称框的值。

$_POST['qualification'] 
$_POST['hobbies'] 
$_POST['skill']

以同样的方式，您可以访问脚本中的其他值。

如何使用name属性

2 个答案: