SOURCE

/*
<form action=“服务器地址">

表单项类型
1. 文本框  text 
2. 密码框  password
3. 提交    submit
4. 单选框  radio
5. 多选框  checkbox
6. 下拉列表 select



数据要提交到服务器上，必须为所有input元素设定name属性, name属性根据内容给定有意义的命名。
所有的表单元素都是inline元素，使用<br>进行换行。

<form action="localhost.html">  <!-- 由于没有服务器，所以地址写了本地同文件夹内的localhost.html网页 -->
文本框<input type="text" name="username"><br>
密码框<input type="password" name="password"><br>

<!--注意提交按钮可以通过设定value值显示文字-->
<input type="submit" value="Send"><br> 

<! -- 多选按钮的选项中的name值必须统一, 通过value来设定要提交给服务器的值，使用checked 默认 -->
水果种类：
<input type="radio" name="category" value="Banana">Banana
<input type="radio" name="category" value="Apple">Apple
<input type="radio" name="category" value="Pear" checked>Pear
<input type="radio" name="category" value="Grape">Grape
<br>

<! -- 多选按钮的选项中的name值必须统一, 通过value来设定要提交给服务器的值，使用checked 默认 -->
坚果种类：
<input type="checkbox" name="nuttype" value="cashew">Cashew
<input type="checkbox" name="nuttype" value="walnut" checked>Walnut
<input type="checkbox" name="nuttype" value="pinenut" checked>Pinenut
<input type="checkbox" name="nuttype" value="hazelnut">Hazelnut
<br>

<!-- 下拉列表需要使用成对标签来完成<select>和<option>。name要写在<select>中，使用selected 表默认 -->
Select your shipping options:
<select name="shipping">
	<option value="fedex">By Fedex</option>
    <option value="DHL">By DHL</option>
    <option value="EMS" selected>By EMS</option>
</select>

</form>

form{
    line-height:2;
}