表单的基础总结

HTML

开发工具与关键技术：DW
作者：何钦波
撰写时间：2019/02/17

表单标签

密码框< input type=“password”> 复选框 < input type=“checkbox”>
隐藏域 < input type=“hidden”> 文本域 < textarea>
重置按扭 < input type=“reset”> 图片按扭< input type=“image”>
按扭 < input type=“button”> 提交按扭< type=“submit”>

下拉框
< select> 下拉列表框
< label>爱好：
< select>
< value=”读书”>读书
< option value=”运动”>运动
< value=”音乐” selected=”selected”>音乐</ option>
< /select>

单选框< input type=“radio” name="">相连的单选框name值要相等
< label for=“male”>Male//label 元素内点击文本，就会触发相应控件。
< input type=“radio” name=“sex” id=“male” value=“male”>
文本框< type=“text” placeholder=“文本框提示”>
上传文件< input type=“file” accept="image/gif"规定上传的文件类型>

其他属性
autofocus 页面加载时 < input > 元素应该自动获得焦点
Checked 规定在页面加载时应该被预先选定的
Maxlength 规定 < input > 元素中允许的最大字符数。
readonly 规定输入字段是只读的

表格标签

表格 描述
< table> 定义表格
< caption 定义表格标题。
< th> 定义表格的表头。
< tr> 定义表格的行。
< td> 定义表格单元。
< thead> 定义表格的页眉。
< tbody> 定义表格的主体。
< tfoot> 定义表格的页脚。
< col> 定义用于表格列的属性。
< colgroup> 定义表格列的组。

< table width=“400” border=“1”>
< tr>
< th align=“left”>消费项目< /th>
< th align=“right”>一月< /th>
< th align=“right”>二月< /th>
< /tr>
< tr>
< td align=“left”>衣服< /td>
< td align=“right”>$241.10< /td>
< td align=“right”>$50.20< /td>
</ tr>
< /table>

这就是我对表单、表格的总结！