form表单

表单系列的标签及其属性

<input /> - 有7种变身方式。 作用是，收集用户信息。

该元素属于可置换（设置宽高有效）的内联元素（同<img/>相同）。 通过 type=””属性，可以变身。

<form> - 表单（创建一个HTML表单）

<label> - 标注（给单选框/复选框添加标注内容）

<select> - 选框

<option> - 选项

下拉菜单写法<select>

　　　　<option></option>

    </select>

中间不能加入其它标签

<textarea> - 文本域

=========================================类型

text - 文本输入框

password - 密码输入框

button - 按钮

submit - 带有提交功能的按钮

reset - 带有重置功能的按钮

radio - 单选框

checkbox - 复选框

=========================================属性

value=”” 给<input />标签赋值

placeholder=”” 给<input />标签（text/password）添加提示信息。 

注：placeholder=””是HTML5的新属性，低版本的IE浏览器，不认识。

name=”” 给单选框编组

checked=”checked” 给选框增加默认选中状态

selected="selected"下拉菜单添加默认选择

 

css3新增input属性

Pattern=”[0-9&a-z]”{11}

限制类型为0到9和a到z，限制位数为11位。

Title=“出错了，你笨死了”出错提示。

Required=“required” 参数为必填项。

=========================================样式

cursor:pointer

cursor - 鼠标

pointer - 指针

resize:none;  重置尺寸：不重置

 

 

对齐基线：

内联元素的对齐基线为： 底部对齐；

块元素的对齐基线为： 顶部对齐；

vertical-align:top; 对齐基线为顶部对齐；