记 住 ,
HTML5 与
XHTML 不同,如果你不喜欢的话你不必用引号将属性包裹起来。不过,要是你觉得用引号
会让你觉得更加舒服的话,当然也不会有任何问题。
16
<p class=myClass id=someId> Start the reactor.
6. 使你的内容可编辑
HTML5 其中一个非常强大的功能就是“contenteditable”,顾名思义它将允许用户编辑元素
(包括他的子元素)内包含的任何文本内容。它的用途非常广,如,简单的任务清单或是基
于
wiki 的站点也非常实用,此外,它还有一个优势就是利用了本地的存储。
17
<!DOCTYPE html>
18
<html lang=”en”>
19
<head>
20
<meta charset=”utf-8″>
21
<title>untitled</title>
22
</head>
23
<body>
24
<h2> To-Do List </h2>
25
<ul contenteditable=”true”>
26
<li> Break mechanical cab driver. </li>
27
<li> Drive to abandoned factory
28
<li> Watch video of self </li>
29
</ul>
30
</body>
31
</html>
或者,按照第五条技巧所说的,你也可以将第九行的代码写成这样(不用引号):
32
<ul contenteditable=true>
7. 电子邮件输入
如果我们应用
“电子邮件”类型来指定输入的形式,我们可以命令浏览器只允许符合有效电
子邮件地址结构的字符串输入。虽然说内置的表单验证很快就会到来,但是我们也不能完全
依靠这个。比较旧的浏览器不理解这种
“电子邮件”类型,它们只会简单地返回到普通的文本
框。
33
<!DOCTYPE html>
34
<html lang=”en”>
35
<head>
36
<meta charset=”utf-8″>
37
<title>untitled</title>
38
</head>
39
<body>
40
<form action=”" method=”get”>
41
<label for=”email”>Email:</label>
42
<input id=”email” name=”email” type=”email” />
找互联网资料,就到一览互联网文库