以下是形成页面结构的HTML5元素的更多细节：- ：自包含的内容
- ：使用内部article去定义区域或者把分组内容放到区域里
HTML5中的datalist是什么？ HTML5中的Datalist元素有助于提供文本框自动完成特性，如下图所示： 
以下是DataList功能的HTML代码： 1 2 3 4 5 6 7 8 | <input list="Country">
<datalist id="Country">
<option value="India">
<option value="Italy">
<option value="Iran">
<option value="Israel">
<option value="Indonesia">
datalist>
|
HTML5中什么是不同的新的表单元素类型？ 这里有10个重要的新的表单元素在HTML5中被介绍 - Color
- Date
- Datetime-local
- Email
- Time
- Url
- Range
- Telephone
- Number
- Search
让我们一步一步了解这10个元素 如果你想显示颜色选择对话框 1 | <input type="color" name="favcolor">
|
如果你想显示日历对话框 1 | <input type="date" name="bday">
|
如果你想显示含有本地时间的日历 1 | <input type="datetime-local" name="bdaytime">
|
如果你想创建一个含有email校验的HTML文本框，我们可以设置类型为“email” 1 | <input type="email" name="email">
|
对于URL验证设置类型为”url”，如下图显示的HTML代码 1 | <input type="url" name="sitename">
|
如果你想用文本展示数字范围，你可以设置类型为“number” 1 | <input type="number" name="quantity" min="1" max="5">
|
如果你想显示范围控制，你可以使用类型”range” 1 | <input type="range" min="0" max="10" step="2" value="6">
|
想让文本框作为搜索引擎 1 | <input type="search" name="googleengine">
|
想只能输入时间 1 | <input type="time" name="usr_time">
|
如果你想使用文本框接受电话号码 1 | <input type="tel" name="mytel">
|
HTML5中什么是输出元素？ 当你需要计算两个输入的和值到一个标签中的时候你需要输出元素。例如你有两个文本框（如下图），你想将来自这两个输入框中的数字求和并放到标签中。 
下面是如何在HTML5中使用输出元素的代码 1 2 3 4 5 | <form onsubmit="return false" öninput="o.value = parseInt(a.value) + parseInt(b.value)">
<input name="a" type="number"> +
<input name="b" type="number"> =
<output name="o" />
form>
|
为了简单起见，你也可以使用“valueAsNumber”来代替“parseInt”。你同样能在output元素中使用“for”使其更加可读 1 | <output name="o" for="a b">output>
|
| 
