• 15-07-24 HTML--表单


    表单元素:

    id:唯一标示,在同一个页面内不允许重复
    name:名字
    class:类,如果几个元素的class一样,说明他们被强制设置为一类

    <form>

    action:提交到哪个页面来处理数据
    target="":打开方式, _blank:在新的选项卡打开,_self:自身打开
    method: 提交方式,post:提交无限长度且编码后内容不可见,,get:提交有长度限制,且编码后的内容在地址栏可见

    </form>

    表格<table></table>

    (一) <table></table>

    1.常用(必记)

    width属性 border属性 cellpadding属性 cellspacing属性

    2.背景属性

    backgroung属性 bgcolor属性

    3.对齐属性

    align属性--水平对齐:center居中 left居左 right居右

    (二) <tr></tr>

    1.常见属性:height属性

    2.背景属性:background属性 bgcolor属性

    3.对齐属性

    align属性--水平对齐:center居中 left居左 right居右

    valign属性--竖直对齐:top居上 middle居中 bottom居下

    (三) <td></td>

    1.常见属性:width宽度 height高度

    2.背景属性:background属性 bgcolor属性

    3.对齐属性

    align属性--水平对齐:center居中 left居左 right居右

    valign属性--竖直对齐:top居上 middle居中 bottom居下

    4.合并属性:rowspan合并行 colspan和并列

    四、表单

    (一) 表单元素<form></form> 

    id name action--负责处理的服务端 method--提交方式

    (二) 表单成员 

    1.文本类

    文本框:<input type="text" id="" name=" " value=" " size=" " maxlength=" "/>

    密码框:<input type="password" id=" " name=" " value=" " size=" " maxlength=" "/>

    文本域:<textarea id=" " name=" " rows=" " cols=" "></textarea>

    隐藏域:<input type="hidden" id=" " name=" " value=" "/>

    2.按钮类

    提交按钮:<input type="submit" id=" " name=" " value=" " disabled=" "/>

    重置按钮:<input type="reset" id="" name=" " value=" " disabled=" "/>

    普通按钮:<input type="button" id=" " name=" "value=" " disabled=" "/>

    图片按钮:<input type="image" id=" " name=" " src=" " disabled=" "/>

    3.选择输入

    单选按钮组:<input type="redio" id="" name=" " value=" " checked=" "/>

    复选框组:<input type="checkbox" id=" " name=" " value=" " checked=" "/>

    下拉列表框:<select id=" " name=" " size=" " multiple=" "></select>   子元素:<option value=" " selected=" "></option>

    文件上传:<input type="file" id=" " name=" "/>   

  • 相关阅读:
    Boost智能指针使用总结
    C++细节理解
    Mysql导入导出
    Mysql Join语法以及性能优化
    数据库设计三大范式
    Mysql子查询
    js面向对象的实现(example 一)
    js对象常用2中构造方法
    RequireJS 加载 easyui
    Cordova 打包 Android release app 过程详解
  • 原文地址:https://www.cnblogs.com/jia520110270/p/4699373.html
Copyright © 2020-2023  润新知