輸入類型（HTML）中的值和數據值之間的區別是什么

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>