HTML 5差异输入id和输入名称?

Nic*_*tra 25 html html5 input

我正忙着在HTML 5中为学校做点什么.

所以这是我的一些代码

<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="your name" required><br>
Run Code Online (Sandbox Code Playgroud)

所以我的问题实际上是:

NAME和ID有什么区别?目的?哪一个更重要?

Fra*_*bot 51

简而言之,name是您提交表单时发送到服务器的标识符.这id是浏览器,客户端,javascript等的唯一标识符.


Phr*_*ogz 20

name属性用于向服务器提交表单元素; 许多元素可以共享相同的内容name(例如,单选按钮,在集合中必须具有相同的名称).

id属性用于唯一标识任何元素(不仅仅是表单元素).它在整个文档中必须是唯一的.

  • 并且:防止脑过载的一个常见的良好做法是在需要时使用相同的id和名称值.(并使用与php/javascript程序中的变量相同的名称来表示节点或其值,并使其与页面上显示的标签类似.)对于单选按钮(名称在多个节点之间共享)/ids),使用明显相应的名称,例如`name ="buttons"id ="buttons-yes"`. (2认同)

Ton*_*y R 8

id属性应该在您的文档中是唯一的.只有一个元素可以具有给定的id.document.getElementById()找到具有给定的第一个元素id.

name在提交表单时,表单将该属性用作键/值对中的键.该value属性都显示在浏览器中,并随表单一起提交.

两者都不"更重要",它们只是不同.如果您有XML思维模式,那么它们只是节点上的属性.在HTML中,他们有更多的意义.