2017-12-30表单

    

今天整理一下有关于表单的相关知识点，可能不全，以后会补充。

表单:所有表单元素放在 form 标签里面
<form action="提交的地址" method="提交方式默认get" > post

get（显示在路径） post（不显示在路径，比较安全）
表单元素 name属性
</form>

 

知识点：所有的表单元素，除了提交和重置和文件，其他表单 元素可以再form标签外面用

表单元素的类型

文本类型：1.文本框 text   2.密码框 password  3.多行文本 textarea  4.隐藏域 hidden

文本类型: disabled/readonly：不可编辑

文本框：text

<table>

<tr>

<td align="right">用户名</td>

<td>

<input type="text"   name="user ID"   placeholder="这是用户名"  value="123" >

</td>

</tr>

密码框：password

<tr>

<td align="right">密码：</td>

<td>

<input type="password"   name="psd">

</td>

</tr>

隐藏域：hidden
*多行文本：textarea

<td align="right">个人介绍：</td>

<td>

<textarea  name  id></textarea>  

</td>
按钮类型：
普通按钮：button

<input  name="button"  value="普通按钮">
重置按钮：reset

<input  name="reset">

提交按钮：submit

<input  name="submit">
选择类型：
单选：radio

     比如性别，在这里有label的两种用法。

<td align="right">性别：</td>

<td>

<label>

<input  id="man" type="radio"  checked="checked"  name="sex"  value="man">男

</label>

</td>

<td>

<input id="woman" type="radio"  name="sex" value="woman">

<label  for="woman">女</label> 

</td>
复选：checkbox

      举例比如兴趣爱好。

<td align="right">兴趣：</td>

<td>

<input  type="checkbox"  disabled checked  name="xq"  value="lq">篮球

<input  type="checkbox"  name="xq"  value="zq">足球

<input  type="checkbox"  name="xq"  value="ymq">羽毛球

</td>

注意：这两个表单元素的name属性不仅有键的作用 还有分组的作用
checked:默认选中
disabled：不可选中
label标签

*下拉： <select>

    比如选择民族时。

<td  align="right">民族：<//td>

<td>

<select  name  id  multiple  size="2">

<option>汉族</option>

<option  value="1">满族</option>

<option  value="1"  selected>回族</option>

</select>

</td>

selected：默认选中 是option的属性
multiple:多选 是select的属性 和size联合使用
size：显示选项的个数 select属性

文件：file
form属性enctype="multipart/form-data"

表单元素通用格式
<input type="类型" name="后台接收的键" value="值" />

特殊格式
<textarea>

所有的表单元素除了提交和重置都可以卸载form标签外面。