Html 表单与输入

1. 表单

<form> </form>标签：<form>标签内的信息捆绑在一起

2. 输入框

<input>标签：该标签用于产生一个输入框。

type属性：type属性用于决定该输入框的类型。下例：

<input type="text">，则产生一个文本框

<input type="password">，则产生一个密码卡，输入的内容将被隐藏

<input type="checkbox">，则产生一个复选框

<input type="button" value="hello">，则产生一个按钮，按钮上显示hello

<input type="radio">，则产生一个单选按钮，若有多选项，且只有一个答案时，需要对这些标签加上相同的name，name的取值可以随便取，但尽量有意义，下例：

    A：<input type="radio"  name="ans"><br>
    B：<input type="radio" name="ans"><br>
    C：<input type="radio" name="ans"><br>

<select></select>，则是产生一个下拉列表， 在select标签中再次使用<option></option>标签添加下拉列表的选项。下例：

<form>
    <select name="cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="fiat">Fiat</option>
        <option value="audi">Audi</option>
    </select>
</form>

3. 文本域

<textarea> <textarea>标签：textarea标签内的文本将会被放在文本域中，文本域类似于文本框，但比文本框大

cols属性：限定文本域中显示的列数

rows属性：限定文本域中显示的行数

4. 绘制一个带标题的框

<fieldset> </fieldset>标签：用于绘制一个框

<legend> </legend>标签：在fieldset的标签中使用legend的标签，可以在框上写上标题

fieldset的标签可以内嵌其他的标签。