Html 什么是数据计算类型？

我有一个关于按钮类型的问题。此代码中的数据计算类型是什么意思

<label for="x">x: </label><input id="x" type="number" placeholder="0"/>
<label for="y">y: </label><input id="y" type="number" placeholder="0"/>
<label for="z">z: </label><input id="z" type="number" placeholder="0"/>

<div id="calculations">
  <button data-calc-type="area">Pole</button>
  <button data-calc-type="circuit">Obwód</button>
  <button data-calc-type="volume">Objetość</button>
</div>

<p>Wynik: <span id="result"></span></p>

x:
y:
z:
极
Obwód
奥布杰托维奇
怀尼克：

数据-*属性非常整洁。它允许您在其中存储数据，以便您可以使用脚本引用它

你的页面上有很多按钮。所有按钮都有不同的动作。您可以调用一个函数来处理数据属性并相应地处理数据，而不是调用多个函数

if ($('#button_ID').attr('data-*') == "this attribute"){ //do something}

---

data-*属性非常整洁。它允许您在其中存储数据，以便您可以使用脚本引用它

你的页面上有很多按钮。所有按钮都有不同的动作。您可以调用一个函数来处理数据属性并相应地处理数据，而不是调用多个函数

if ($('#button_ID').attr('data-*') == "this attribute"){ //do something}

---

data属性可用于存储值，并在编写脚本时引用该值。因此，基本上，您可以通过单击任何按钮触发一个事件，并且您的脚本将知道如何通过读取属性数据来处理它-whatever@MadeInDreams，我认为您可以将其作为答案发布。data属性可用于存储值并在编写脚本时引用。因此，基本上，您可以通过单击任何按钮触发一个事件，并且您的脚本将知道如何通过读取属性数据来处理它-whatever@MadeInDreams，我想你可以把这个贴出来作为答案。