HTML基本语法3

最新推荐文章于 2024-06-18 21:14:33 发布

墨韵成香

最新推荐文章于 2024-06-18 21:14:33 发布

阅读量87

点赞数

原文链接：http://www.cnblogs.com/pangwl/p/7236834.html

版权

表格

table 标签

border 边框
不建议使用：
width 可用像素或百分比
height 同上
cellspacing 单元格之间的间隙默认为2
cellpadding 单元格和单元格内容之间的间隙默认为1
align
bgcolor 表格背景色
background 背景图片

tr 标签表示一行

不建议使用：
- align 行内文字的水平对齐方式 left/center/right
- valign 行内文字的垂直对齐方式 top/middle/bottom
- bgcolor 背景色
- height 行高度

td 标签表示单元格

rowspan 合并行
colspan 合并列
不建议使用
- height
- width
- align
- valign

th 标签表示表头

属性同td

thead 标签

不建议使用
- align
- valign
- bgcolor
- background
  
  tbody 标签
  
  属性同 thead
  
  tfoot 标签
  
  属性同 thead

caption 标签定义表格标题

colgroup 对表格中的列进行组合

span 规定<col>元素应该横跨的列数
不建议用
- width
- align
- valign

col 规定了`<colgroup>元素内部的每一列属性`

表单

form 标签

action
method get/post
target
enctype

input 标签单

name 必须有，否则数据无法传递
type
- text 默认文本框
- password 密码框
- radio 单选框对应的name的属性值必须一样才可以进行单选。
- checkbox 复选框
- file 文件上传
- submit 提交按钮
- reset 重置按钮
- button 普通按钮无功能，只是一个按钮的样子
- image 把图片作为提交按钮样子不推荐
- hidden 隐藏域
- 输入框隐藏域必须加name属性
- 提交按钮不需要加name属性
value 属性默认值 type值不同value的意义不一样
size 属性控制输入框宽度适用于 text/password
maxlength 属性最大输入字符个数适用于 text/password
checked 属性默认选中适用于 radio/checkbox
readonly 只读适用于 text/password
disabled 表示不可用

button 元素
type 属性
- submit 默认
- reset
- button
name
id

select 标签定义下拉列表

name 必须有
size 显示几个下拉
multiple 多选默认灰显示所有，名字要使用数组like[]
disabled 禁用

option 标签
value 提交的值，若没有，则提交内容
disabled
selected 默认选项

optgroup 对select下的option进行分组

textarea 文本域
name 必须有
disabled
rows 高度行数
cols 宽度
readonly 文本区只读

label

for 表单控件的ID

for属性应当与相关元素id的属性相同，产生聚焦

  例如：
  <tr>
      <td>
          <label for="pwd">密码</label>
      </td>
  <!--    <td>密码</td> -->
      <td>
          <input type="password" name="pwd" id="pwd">
      </td>
  </tr

fieldset 定义表单的外框

legend 定义fiedset元素的标题

利用表单form 嵌套表格table 使表单格式整齐
例如：
    <form action="http://www.baidu.com/s" method="get">
    <fieldset>
        <legend>我的表单</legend>
        <input type="text" name="wd">
        <input type="submit" value="提交">
    </fieldset>
</form>