博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
菜鸟日记-HTML-表格与表单
阅读量:5738 次
发布时间:2019-06-18

本文共 1465 字,大约阅读时间需要 4 分钟。

一、表格

<table></table>

width:宽度。可以用像素或百分比表示。

border:边框,常用值0

cellpadding:内容跟单元格边框的边距。常用值0

align:对齐方式

bgcolor:背景色

background:背景图片

<tr></tr>行

align:一行的内容的水平对齐方式

valign:一行的内容的垂直对齐方式

height:行高

bgcolor:背景色

background:背景图片

<td></td>单元格

<th></th>表头,单元格的内容自动居中、加粗

align:单元格的内容对齐方式

valign:单元格的内容的垂直对齐方式

width:单元格宽度

height:单元格高度

bgcolor:背景色

background:背景图片

内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

单元格合并:clospan:"n"合并同一行单元格

rowspan:"n"合并同一列单元格

 

二、表单

<form id="" name="" method="post/get" action="负责处理的服务端">

</form>

id不可重复;name可重复;get提交有长度限制,并且编码后的内容在地址栏可见,

post提交无长度限制,且编码后内容不可见

1、文本输入

文本框:<input type="txt" name="" id="" value="" />

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

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

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

2、按钮

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

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

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

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

3、选择输入

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

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

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

下拉列表框:

<select name="" id="" size="" multiple="multiple">----------mutiple为多选

<option value="值">内容1</option>

<option value="值">内容2</option>

<option value="值">内容3</option>

</select>

 

 

 

转载于:https://www.cnblogs.com/jingzhenhua/p/5800750.html

你可能感兴趣的文章
<context:component-scan>详解
查看>>
DS博客作业07--查找
查看>>
Git 方法
查看>>
[Python] numpy.nonzero
查看>>
2016-11-29
查看>>
C#反射的坑
查看>>
css3 box-shadow阴影(外阴影与外发光)讲解
查看>>
时间助理 时之助
查看>>
nginx快速安装
查看>>
自定义转场动画
查看>>
英国征召前黑客组建“网络兵团”
查看>>
Silverlight 2.5D RPG游戏“.NET技术”技巧与特效处理:(十二)魔法系统
查看>>
[NPM] Run npm scripts in series
查看>>
vs2013修改书签(vs书签文件位置)
查看>>
C语言学习笔记
查看>>
PHP 命令行模式实战之cli+mysql 模拟队列批量发送邮件(在Linux环境下PHP 异步执行脚本发送事件通知消息实际案例)...
查看>>
PS 如何使用液化工具给人物减肥
查看>>
cvc-complex-type.2.4.c: The matching wildcard...
查看>>
android 读取json数据(遍历JSONObject和JSONArray)
查看>>
pyjamas build AJAX apps in Python (like Google did for Java)
查看>>