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>定义了选中该选项时传递的参数值
