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

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