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}

限制类型为09az,限制位数为11位。

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

Required=required” 参数为必填项。

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

cursor:pointer

cursor - 鼠标

pointer - 指针

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

对齐基线:

内联元素的对齐基线为: 底部对齐;

块元素的对齐基线为: 顶部对齐;

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

原文地址:https://www.cnblogs.com/feiyu1111111111/p/4950635.html