Question

<form>
<input type="text" name="myname" data-value="dhoni" value="sachin">
</form>

输入类型（HTML）中的值和数据值之间的区别是什么

Answer 1

它们都是属性，但是value属性（与name属性一起）可以被大多数服务器端语言本地访问。数据值只能由客户端本地访问。

数据属性也可以有不同的后缀，您可以命名它；数据名称，数据电子邮件，数据内容等。您可以说后者是可定制的。

运行下面的代码片段，看看如何调用数据和值属性；

$(document).ready(function() {
  var input = $("input");

  // $("input").data("name");
  // $("input").val();

  alert("Data-value is " + input.data("value") + ". Data-element is " + input.data("element") + ". Value is " + input.val() + ".");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" name="myname" data-value="dhoni" data-element="input" value="sachin">
</form>

输入类型（HTML）中的值和数据值之间的区别是什么

1 个答案: