background image

记 住 ,

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” />

找互联网资料,就到一览互联网文库

http://wk.yl1001.com/hlw/