table表格 和 form表单标签

七、 *表格标签

*table 表格标签: 属性:border width cellspacing cellpadding align bgcolor
caption 表格标题
*tr 行标签
*th 列头标签
*td 列标签

*thead 表头
*tbody 表体
tfoot 表尾

八、**form表单标签

  1. –表单标签
    form标签常用属性:
    *action属性:提交的目标地址(URL)
    *method属性:提交方式:get(默认)和post
    get方式是URL地址栏可见,长度受限制(IE2k 火狐8k),相对不安全.
    post方式是URL地址不可见,长度不受限制,相对安全.
    enctype:提交类型
    target: 在何处打开目标 URL。
    name:属性为表单起个名字.HTML5不支持。用 id 代替。

  2. 表单项标签input定义输入字段,用户可在其中输入数据。在 HTML 5 中,type 属性有很多新的值。
    具体在下面有详解:
    如:

  3. 标签创建下拉列表。
    *name属性:定义名称,用于存储下拉值的
    size:定义菜单中可见项目的数目,html5不支持
    disabled 当该属性为 true 时,会禁用该菜单。
    multiple 多选
    * 下拉选择项标签,用于嵌入到标签中使用的;
    *value属性:下拉项的值
    *selected属性:默认下拉指定项.

  4. * 多行的文本输入区域
    *name :定义名称,用于存储文本区域中的值。
    *cols :规定文本区内可见的列数。
    *rows :规定文本区内可见的行数。
    disabled: 是否禁用
    readonly: 只读

    默认值是在两个标签之间

  5. * 标签定义按钮。
    您可以在 button 元素中放置内容,比如文档或图像。这是该元素与由 input 元素创建的按钮的不同之处。

  6. html5标签–fieldset 元素可将表单内的相关元素分组。
    disabled属性:定义 fieldset 是否可见。
    form属性: 定义该 fieldset 所属的一个或多个表单。

  7. html5标签– 标签为 、

    以及 元素定义标题。
    form>
    fieldset>
    legend>健康信息:
    身高:input type=”text” />

    体重:input type=”text” />

    /fieldset>
    /form>

    8.optgroup> html5标签– 标签定义选项组。此元素允许您组合选项
    样例:
    select>
    optgroup label=”Swedish Cars”>
    option value=”volvo”>Volvo
    option value=”saab”>Saab
    /optgroup>

    option value=”mercedes”>Mercedes
    option value=”audi”>Audi
    /optgroup>
    /select>

  8. html5标签– 标签定义可选数据的列表。与 input 元素配合使用,就可以制作出输入值的下拉列表。
    样例
    form action=”demo_form.php” method=”get”>
    input list=”browsers” name=”browser”>
    datalist id=”browsers”>
    option value=”Internet Explorer”>
    option value=”Firefox”>
    option value=”Chrome”>
    option value=”Opera”>
    option value=”Safari”>
    /datalist>
    input type=”submit”>
    /form>

  9. ** 表单项中的属性,可以提供
    *type属性:表示表单项的类型:值如下:
    text:单行文本框
    password:密码输入框
    checkbox:多选框 注意要提供value值
    radio:单选框 注意要提供value值
    file:文件上传选择框
    button:普通按钮
    submit:提交按钮
    image:图片提交按钮
    reset:重置按钮, 还原到开始(第一次打开时)的效果
    hidden:主表单隐藏域,要是和表单一块提交的信息,但是不需要用户修改
    *name属性:表单项名,用于存储内容值的
    *value属性:输入的值(默认指定值)
    size属性:输入框的宽度值
    maxlength属性:输入框的输入内容的最大长度
    readonly属性:对输入框只读属性
    *disabled属性:禁用属性
    *checked属性:对选择框指定默认选项
    accesskey属性:指定快捷键(不常用) (IE:alt+键 火狐:alt+shift+键)
    tabindex属性:通过数字指定tab键的切换顺序(不常用)

    src和alt是为图片按钮设置的

    注意:reset重置按钮是将表单数据恢复到第一次打开时的状态,并不是清空
    image图片按钮,默认具有提交表单功能。

你可能感兴趣的:(table表格 和 form表单标签)