HTML总2-表格&表单form-input/select/textarea&ps切片

• 接上一篇：HTML总1-标签笔记
• W3C-html简易编辑器

一、表格结构标签：六行七列表格：表格标签里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属性-文本框）属性小结：

1. password:密码框；button属性：普通按钮框
2. radio （小圆框）如果是一组，我们必须给他们命名相同的名字 name 这样就可以多个选其中的一个。（radio、checkbox按钮name值要一样！！！要求单选按钮和复选框要有相同的name值）
3. checkbox （小方框）属性。
4. ；reset属性：重置按钮
5. submit属性：点击提交按钮后，把表单域form的表单元素里面的值传到后台服务器；type=“submit”：提交按钮。
6. image属性 : 用于应该包含指定范围值的输入字段，range类型显示为滑块。
7. file属性：上传文件、头像