- 接上一篇:HTML总1-标签笔记
- W3C-html简易编辑器
表格&表单form-input/select/textarea
一、表格结构标签:六行七列表格:表格标签里tr6>td7 +tab
- 标签:内部必须含标签,一般是位于第一行。
- 对于比较复杂的表格:题头、正文和脚注。分别用:thead,tbody,tfoot来标注。
1)、表格属性:
这些属性要写到标签table里面去。
三参为0,平时开发的我们这三个参数 border cellpadding cellspacing 为 0。
属性名 属性值 描述;
align left、center、right 规定表格相对周围元素的对齐方式
border “1"或”" 规定表格单元是否拥有边框,默认为"",表示没有边框
cellpadding 像素值 规定单元边沿与其内容之间的空白,默认1像素
cellspacing 像素值 规定单元格之间的空白,默认2像素
width 像素值或百分比 规定表格的宽度
height 像素值或百分比 规定表格的高度
align 左右对齐方式
valign上下对齐方式
调外框粗细
<table border="1" cellspacing="0">
**加入style: style=“border-collapse:collapse”
<table border="1" cellspacing="0" style="border-collapse:collapse">
2)、其余表格标签colgroup:
二、表单-收集用户信息-注册
1) 、表单域 form
- 表单控件:input等
- 表单域:不定义表单域,表单中的数据就无法传送到后台服务器。–通过form表单域(form中的所有内容都会被提交给服务器。)
- 每个表单都应该有自己表单域。
<form action="url" method="提交方式" name="表单域名"> 表单控件</form>
- 常用属性:
action:url地址或xx.html
method:get/post,用于设置表单数据的提交方式。
name:用于指定表单的名称,以区分同一个页面中的多个表单。 - 表单总结:
1.form必须有action属性,表示提交地址
2.所有需要提交的数据,input必须有name属性
3.input按钮的文字,使用value属性表示
4.input必须放在form标签内才能提交
2) 、表单控件(表单元素)
1. 表单控件:input 控件
<input type="属性值" value="hi">
- < input />标签为单标签
- type:指定不同的控件类型:
(1) input (默认为text属性-文本框)属性小结:
- password:密码框;button属性:普通按钮框
- radio (小圆框)如果是一组,我们必须给他们命名相同的名字 name 这样就可以多个选其中的一个。(radio、checkbox按钮name值要一样!!!要求单选按钮和复选框要有相同的name值)
- checkbox (小方框)属性。
- ;reset属性:重置按钮
- submit属性:点击提交按钮后,把表单域form的表单元素里面的值传到后台服务器;type=“submit”:提交按钮。
- image属性 : 用于应该包含指定范围值的输入字段,range类型显示为滑块。
- file属性:上传文件、头像