html5表单对齐属性,HTML5基本标签属性(个人总结)

边框的宽度" width="宽度" cellspacing="合并边框" height="高度" bgcolor="设置背景颜色" bordercolor="设置边框颜色" align="设置表格的对齐方式">

width:指定表格的宽度,单位为像素或百分数

•height:指定表格的高度,单位为像素或百分数

•border:指定表格边框的宽度,单位为像素

•cellpadding:指定单元格四壁与其内容的距离,单位为像素或百分数•cellspacing:指定相邻单元格之间的距离,单位为像素或百分数

•bordercolor:指定表格的边框色

•bgcolor:指定表格的背景色:

颜色的设置方式:

1.用颜色的英文单词,red

2.用十六进制表示(0-f)rgb:#0-f

tr常用属性

•align:指定单元格中文本的对齐方式,常用center、left、right

•valign:指定单元格内容的垂直对齐方式,常用top、middle、bottom

•bordercolor:指定行的边框色

•bgcolor:指定行的背景色

td常用属性

width:指定单元格的宽度,单位为像素或百分数

•height:指定单元格的高度,单位为像素或百分数

•align:指定单元格中文本的对齐方式,常用center、left、right

•colspan:指定单元格应跨越的列数

•rowspan:指定单元格应跨越的行数

•valign:指定单元格内容垂直的对齐方式,常用top、middle、bottom•bgcolor:指定单元格的背景色

合并标签:

行合并(rowspn):

20a481cc755a05cc85d06ea74c6884ab.png

列合并(colspan):

2377b6a20d641ce0126d7ba056ff4418.png

th :设置表格中的表头,相当于strong

c19669e89e7501522281d4a3c5480093.png

表单::搜集用户输入

action:设置输入目的地。Methon:数据提交方式

12c10efd943fa0d0bfeb1d397ea83836.png

表单元素:

:空格

输入控件:input(type = test\password\radio(单选)\checkbox(复选框)、file(文件))

单标签

单选按钮:radio  Name属性:将该值设为相同值,实现单按钮的分组,达到单按钮的互斥。

复选框:checkbox

a3e88242d115874baa81f960e24c5455.pnga8fbc7a5531239eda424321f4ac98b53.png

下拉列表标签:

5238e51a782d3218da52ad7faa7f75aa.png6fb7156e7ba73f82dfabff2f12ca7dab.png

文本域:textarea  cols:列数  rows:行数’ e8d1399f19446f26c3c1abf9e537adba.png dbcecb621100560c55a27ac116ffebcf.png

按钮:

input:button(普通按钮)、submit(提交按钮)、reset(重置按钮)、image(图片按钮)单标签

button:button(普通按钮)、submit(提交按钮)、reset(重置按钮)双标签

5667d59e799e01bbaa351ce5f8980584.png1de619b7aa7bf75797b4ece9ff3baf9e.png

f5dc119935b3f4b0ecc36f1f29007f6c.png

1、get和post提交方式的区别

get:将提交的数据拼接在url地址栏后面,不安全,请求速度快

post:将输入封装在请求头中,安全,请求速度慢

3.表单元素的常用属性

Name: 如果要正确地被提交,每个输入字段必须设置一个 name 属性

placeholder="当输入未输入时显示该提示文本"

autofocus="autofocus":设置自动聚焦

readonly="readonly":设置只读

required="required":设置必填项

disabled="disabled":禁用(用在按钮上)

b6831f1e71ba6fb74400e9330ac0fa71.png

设置单选框和复选框的默认勾选:checked="checked"

设置下拉列表的默认勾选时:selected="selected"

lable:用来控制input元素的标记标签

lable中的for属性值与它配合的input元素的id属性值一样

d96e83042b1628475a5f423eaaf1bbb5.png

Name属性用来传输数据时的标识。Id属性是该表单内部的标识。

ca5eb717c1ce8ff092ec7e7bc841bb9c.png

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved.

京ICP备09083238号

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值