总结

4.12文本选择框

选择文件或头像

同时也可以直接指定后缀名如（.jpeg）

4.13下拉列表

下拉列表相比普通的文本框更加节省的页面空间

方便用户选择和操作

<form action="result1.html" method="get">
    你来自：
    <select name="province">
        <option value="33">浙江</option>
        <option value="41">河南</option>
        <option value="32">江苏</option>
        <option value="36">江西</option>
    </select>
    <input type="submit" value="提交">
</form>

同时如果遇到这种情况<select>
    <optgroup label="国产">
        <option value="红旗" >红旗</option>
        <option value="BYD">比亚迪</option>
        <option value="奇瑞">奇瑞</option>
    </optgroup>
    <optgroup label="德系">
        <option value="benz">奔驰</option>
        <option checked value="BWM">宝马</option>
        <option value="大众">大众</option>
    </optgroup>
    <optgroup label="日系" disabled>
        <option value="丰田">丰田</option>
        <option value="本田">本田</option>
        <option value="三菱">三菱</option>
    </optgroup>
</select>

那么optgroup这个分组将会便于用户的观看

格式化的快捷键：ctrl+alt+l

extarea：可以输入无限字符的多行文本控件

Rows是行数

Cols是列数

<form>
    <dt>意见或建议：</dt>
    <textarea  rows="40" cols="50">
    </textarea>
</form>

 

 

Fieldset： 标签将表单内容的一部分打包，生成一组相关表单的字段。

当信息较多时，（分组）可以方便用户浏览，更直观的表达内容

<lengend>标签为每组指定一个标题

 

<form>
    <fieldset>
        <legend>用户信息</legend>
        <label>用户名</label><input type="text" name="name">
        <label>密码</label><input type="text" name="name">
    </fieldset>
</form>

 

4.14隐藏域的使用

当用户不需要修改或不用看见时，可以用隐藏域来实现（参数还是向服务器传递）

5表格

 

使用<caption>标签添加标题。 使用<table>开始一个表格。<tbody>表格的身体

<tr>开始一行。<th>为某一列的表头。<td>为为表格中的一个单元格。

如果某一行没有足够的元素，使用<td></td>进行填充。<tbody>表格的结尾

rowspan 行合并 
colspan 列合并

额外属性

<select>定义了一个下拉列表

<option>定义了一个下拉列表的选项

<select>定义了name属性提交的参数名

<option>标签的内容定义了该选项显示的文本

<value>定义了选中该选项时传递的参数值