总结

xiaoxiao2021-02-28  118

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

转载请注明原文地址: https://www.6miu.com/read-40669.html

最新回复(0)