今天整理一下有关于表单的相关知识点,可能不全,以后会补充。
表单:所有表单元素放在 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标签外面。