什么是数据来源。它的作用是什么?为何使用它?

时间:2017-03-25 19:12:52

标签: php html5

我有一个PHP页面(由其他人编写),其中我的所有字段都有一个名为" data-orig"但是没有此属性的2个页面区域。当我跳过这两个字段页面成功回发但当我在这些字段(文本框)中输入一些值时,页面不会成功回发。有什么帮助吗?

1 个答案:

答案 0 :(得分:1)

data-orig是HTML5的自定义属性,通常用于存储特定于该页面的某些数据。

使用示例:

<span id="spanx" data-number="sixty-five">Owl</span>

data- *属性用于存储页面或Web应用程序专用的自定义数据。

这些数据属性可以由页面中包含的JS读取:

在JQuery中读取数据属性的一个例子是:

var theAttributeValue = $('#spanx').attr('data-number'); //gets sixty-five

data- *属性由两部分组成:

属性名称不应包含任何大写字母,并且必须至少在前缀后面一个字符&#34;数据 - &#34;

注意: 自定义属性前缀为&#34;数据 - &#34;将被用户代理完全忽略。

请参阅以下示例用法:

&#13;
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="someSpan" data-number="676986789">I have a data attribute holding some value</span>
<br/>

Value: <span id="result"></span>
<br/>

<button onClick="getData();">Get The value of Data Attribute</button>

<script>
function getData()
{
  var dataValue = $('#someSpan').attr('data-number');
  $('#result').html(dataValue);
}
</script>
&#13;
&#13;
&#13;

文档:

https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes