H5-3

作者: __曼珠沙华 | 来源:发表于2017-07-25 22:34 被阅读0次

HTML表格

  • html表格由<table>标签来定义,每个表格有若干行(由<tr>标签来定义),每行被分割为若干单元(由<td>标签来定义)。字母td指表格数据,即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

table

<table>标签的属性:
border 边框,单位是像素,设置为0则不显示边框
width 表格的宽度 heigth表格的高度 cellspacing 单元格间距 默认值为2 单位是像素 cellpadding 单元格内边距 即单元格与单元格中内容的间距 默认值为 0 align(对齐)<center、left、right>

<tr>定义表格的行
<td>定义表格单
<th>定义表格的表头
<caption>定义表格标题
<colgroup>定义表格列的组
<col>定义表格列的属性
<thead>定义表格的页眉
<tfoot>定义表格的页脚
<tbody>定义表格的主体
注释:rowspan合并行,colspan合并列
span规定了<col>应该横跨的列数

表单

HTML表单用于收集不同类型的用户输入。
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

表单使用表单标签 <form> 来设置

多数情况下被用到的表单标签是输入标签(<input>)。

输入类型是由类型属性(type)定义的。

文本域通过<input type="text"> 标签来设定

密码字段

密码字段通过标签<input type="password"> 来定义

单选按钮(Radio Buttons)

<input type="radio">标签定义了表单单选框选项

复选框(Checkboxes)

<input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。

提交按钮(Submit Button)

<input type="submit"> 定义了提交按钮.

<form>定义供用户输入的表单
<input>定义输入域
<textarea>定义文本域(一个多行的输入控件)
<label>定义了filedset元素的标题。label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<button>定义按钮
<select>定义选择列表(下拉列表)
<option>定义选择列表中的选项
<optgroup>把相关的选项组合在一起
<filedset>定义了一组相关的表单元素,并使用外框包含起来。

相关文章

  • H5-3

    HTML表格 html表格由 标签来定义,每个表格有若干行(由 标签来定义),每行被分割为若干单元(由 标签来定义...

网友评论

      本文标题:H5-3

      本文链接:https://www.haomeiwen.com/subject/elpgkxtx.html