第八天：表单-form

表单-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：行数；