在HTML5控制台中如何定义数据类型?

html-css024

在HTML5控制台中如何定义数据类型?,第1张

html5控制台中定义数据类型:

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属性获取字段的数据,代码将打开一个数据库连接、创建一个记录集并返回适当的记录,然后数据被发送给用户。