zoukankan      html  css  js  c++  java
  • 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=" "/>   

  • 相关阅读:
    SharePoint REST API
    线程同步
    win32
    win32
    win32
    win32
    win32
    win32
    win32
    解决CentOS被wbew挖矿程序入侵的方法
  • 原文地址:https://www.cnblogs.com/jia520110270/p/4699373.html
Copyright © 2011-2022 走看看