HTML

name 属性用于为按钮设置名称。多个按钮可以有相同的名称，但是我们可以使用名称属性从这些按钮提交不同的值。

以下是语法 −

<button name="btn_name">

上面，btn_name 是按钮的名称。现在让我们看一个示例来实现 <button> 元素的 name 属性 −

示例

 在线演示

<!DOCTYPE html>
<html>
<body>
<form action="" method="get">
   Get the details of the employee:<br><br>
   <button name="details" type="submit" value="addr">Address</button>
   <button name="details" type="submit" value="ph">Phone</button>
   <button name="details" type="submit" value="appraisal">Appraisal %</button>
</form>
</body>
</html>

输出

在上面的示例中，即使按钮的名称相同，即为“详细信息”设置的按钮名称，也会提交不同的值−

<button name="details" type="submit" value="addr">Address</button>
<button name="details" type="submit" value="ph">Phone</button>
<button name="details" type="submit" value="appraisal">Appraisal %</button>

更新于：30-7-2019

367 次浏览

开启您的职业生涯

完成课程，获得认证

开始
广告