1、用锚点实现网页内部跳转
设置锚点的href属性值为井号#加上想跳转区域对应的id属性值，这样就可以创建一个内部跳转。id是用来描述网页元素的一个属性，它的值在整个页面中唯一。
下面是用来创建内部锚点的例子：
<a href="#contacts-header">Contacts</a>
...
<h2 id="contacts-header">Contacts</h2>
当用户点击了Contacts链接，页面就会跳转到网页的Contacts区域。
2、给表单添加一个必填字段
当你设计表单时，你可以指定某些字段为必填项(required)，只有当用户填写了该字段后，才可以提交表单。
如果你想把文本输入框设置为必填项，在input元素中加上required属性就可以了，例如：<input type="text" required>
3、创建一组单选按钮
radio buttons（单选按钮）就好比单项选择题，正确答案只有一个。
单选按钮只是input输入框的一种类型。
每一个单选按钮都应该嵌套在它自己的label（标签）元素中。
所有关联的单选按钮应该拥有相同的name属性。
下面是一个单选按钮的例子：
<label>
<input type="radio" name="indoor-outdoor">Indoor
</label>
最佳实践是在label元素上设置for属性，让其值与单选按钮的id属性值相等，这样就在label元素和它的子元素单选按钮之间创建了一种链接关系。例如：
<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
4、创建一组复选框
checkboxes（复选框）就好比多项选择题，正确答案有多个。
复选框是input输入框的另一种类型。
每一个复选框都应该嵌套在它自己的label（标签）元素中。
所有关联的复选框应该拥有相同的name属性。
最佳实践是在label元素上设置for属性，让其值与复选框的id属性值相等，这样就在label元素和它的子元素复选框之间创建了一种链接关系。例如：
下面是一个复选框的例子：
<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
