表单-form
1.表单 创建一个表单区域 双标签 块级
<form action="" method="" target="_blank">
</form>
(1)action 提交后台的地址;
(2)method 提交信息/数据的方式 get 、post;
(3) target="_blank" 这是跳转到新的页面的设置;
2.表单元数据 input 单标签 行块级
<input type="" name="" value="" placeholder="" />
(1)type="text" 定义文本输入框;
(2)type="password" 定义密码输入框;
(3)type="submit" 定义数据 信息提交按钮;
(4)type="reset" 定义重置信息 数据按钮;
(5)name="" 定义数据名称(字段名称);
(6)value="" 定义默认值|信息;
(7)placeholder="" 定义提示信息;
3.lable 关联标签 双标签
<label for="username">
用户名:
</label>
<input id="username" type="password" name="username" placeholder="请输入您的密码"/>
for属性 通过id名称进行关联
4.focus 鼠标点击输入框触发的状态(聚焦)
input : focus{
background-position: 0 -50px;
}
5.常用的选框、多行文本域
(1)单选框: radio
<input id="man" type="radio" name="sex" value=""/>
(2)多选框 checkbox
<input id="man" type="checkbox" name="sex" value=""/>
(3)下拉选框
<select name="" id="">
<option value=""></option>
<option value=""></option>
......
</select>
(4)多行文本域 双标签 行块级
<textarea name="" id="" cols="30" rows="10">
</textarea>
col: 列数; row:行数;