HTML5规定可以为元素添加非标准的属性,但要添加前缀data-,目的是为元素提供与渲染无关的信息,或者提供语义信息。这些属性可以任意添加、随便命名,只要以data-开头即可。
<div id="myDiv" data-appid="12345" data-myname="Nicholas"></div>
添加了自定义属性之后,可以通过元素的dataset属性来访问自定义属性的值。dataset属性的值是DOMStringMap的一个实例,也就是一个名值对儿的映射。在这个映射中,每个data-name形式的属性都会有一个对应的属性,只不过属性名没有data-前缀(比如,自定义属性是data-myname,那映射中对应的属性就是myname)。
var div = document.getElementById("myDiv")
//取得自定义属性的值
var appId = div.dataset.appid
var myName = div.dataset.myname
//设置值
div.dataset.appid = 23456
div.dataset.myname = "Michael"
//如果获取到“myname”的值
if(div.dataset.myname) {
alert("Hello, " + div.dataset.myname)
}
如果需要给元素添加一些不可见的数据以便进行其它处理,那就要用到自定义数据属性。在跟踪链接或混搭应用中,通过自定义数据属性能方便地知道点击来自页面中的哪个部分。
支持自定义数据属性的浏览器有Firefox 6+和chrome。
表单是用来获取用户输入的一些数据,最常见的就是注册,登录之类的;
html5表单数据获得方法:
1、首先,打开IDEA软件,并新建一个工程,建好后,右键创建一个html5文件,完成后便完成了最开始的工作;
2、接着先熟悉一些较常用的表单标签:表单<form>, 输入域<input>,文本域<textarea>,按钮<button>,域的标题<legend>,控制标签<label>等。
3、创建一个form,如图,输入一些要创建的东西(我演示的仅为用户密码);
4、打开网页看效果图,便是这样的效果了,拥有了最简单的帐号密码;
5、同时,还可以添加一些选择的元素,如你喜欢什么游戏;就可获得表单数据了。
可以使用动态HTML从一个HTML页面元素中获取数据。它允许获取和操作数据而不需经过服务器。使用页面上对象的属性,在 Visual Basic代码中可以在页面上搜集数据、执行计算并显示响应,而不需将处理从客户端传送到服务器,传送将增加对用户操作和请求的响应时间。
例如,假设正在使用一个应用程序,它允许用户通过输入作者名字、书名或检索书号到一个搜索页的文本字段中,从一个数据库中查询书目。文本字段被命名为Author、Title和CallNo。当从应用程序的搜索页提交一个查询时,应用程序必须从这些文本字段获取该值。
下面的代码显示了如何使用变量来获取这些字段的值:
Private function cmdSearch_onclick() As Boolean
创建变量包含搜索条件。
Dim sAuthor as String
Dim sTitle as String
Dim sCallNo as String
从页面获取搜索条件。
sAuthor=Me.author.Value
sTitle=Me.title.Value
sCallNo=Me.callno.Value
这里的代码处理并返回查询。
End Function
这段代码使用HTML文本字段的Value属性获取字段的数据,代码将打开一个数据库连接、创建一个记录集并返回适当的记录,然后数据被发送给用户。