<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!-- form定义一个html表单,用于用户输入 -->
<form>
<!-- fieldset定义围绕表单中元素的边框 -->
<fieldset>
<!-- legend定义fieldset元素的标题 -->
<legend>抽样调查:</legend>
<!-- input定义一个输入控件 -->
姓名:<input type="text" list="content" /><br />
<!-- datalist规定了input元素可能的选项列表 -->
<datalist id="content">
<option>张三</option>
<option>李四</option>
<option>王五</option>
</datalist>
科目:
<!-- select定义选择列表(下拉列表) -->
<select>
<!-- optgroup定义选择列表中相关选项的组合 -->
<!-- option定义选择列表中的选项 -->
<optgroup label="理综">
<option>物理</option>
<option>化学</option>
</optgroup>
<option>语文</option>
<option>数学</option>
</select><br />
<!-- output定义一个计算的结果 -->
身高:0<input type="range" value="50" id="a">100
=<output name="x" for="a"></output><br />
<!-- textarea定义多行的文本输入控件 -->
爱好:<textarea rows="10" cols="30">请输入您的爱好。</textarea><br />
<button>提交</button>
<!-- label定义input元素的标注 -->
<label for="good">点个赞吧</label>
<input type="submit" value="赞" id="good" />
</fieldset>
</form>
</body>
</html>
在学课程:
Web前端必备HTML5教程
http://www.atstudy.com/course/999
|