表单
<form action="#"(提交的地址的URL) methon="get" id="myform" name="myform">
methon表单提交方式:get、post
get请求(默认)
参数会直接跟在URL后,用问号拼接。安全性差,传递的数据量小,效率高(是post的两倍),有缓存
post请求
参数不会跟在URL后,会放在请求体中。安全性高,传输数据量大,速度相对慢,无缓存。
input
type表单元素的类型
text文本框 password密码框 radio单选框 checkbox复选框 button普通按钮 hidden隐藏域(用来存放需要传递给服务器,但不需要显示的数据) file文件域(上传文件) date日期框 submit提交按钮 reset重置按钮 image图片按钮(提交按钮)
value表单元素的值
checked是否选中(单选框/复选框)
disabled是否禁用
maxlength允许输入最大字符
textarea
例如:
编号<input type="hidden" name="userid" value="1" /><br>
姓名<input type="text" name="username" value="zhangsan" /><br>
密码<input type="password" name="userpwd" maxlength="6" /><br>
性别:男<input type="radio" name="usersex" value="man" checked="checked"/><br>
女<input type="radio" name="usersex" value="woman" /><br>
爱好:唱歌<input type="checkbox" name="userhobby" value="sing" /><br>
跳舞<input type="checkbox" name="userhobby" value="dance" /><br>
说唱<input type="checkbox" name="userhobby" value=shuochang" disabled=“disabled“”” /><br>
生日<input type="date" name="userdate" /><br>
头像<input type="file" name="userhead" /><br>
简介<textarea name="remark" rows="5" cols="50" />1111</textarea><br>
<input type="button" value="普通按钮" /><br>
<input type="reset" value="重置按钮" /><br>
<input type="submit" value="提交按钮" /><br>
<input type="image" src="img/bd.png" /><br>
label
设置label标签的for属性值与表单元素的id属性值对应,当点击label标签是,会自动给表单元素聚焦
button(默认提交按钮)
<button type="button">普通按钮</button>
<button type="reset">重置按钮</button>
<button type="submit">提交按钮</button>
select
<select name="city" multiple="multiple"(规定可以多选项) size="3"(下拉框显示的个数)disabled="disabled">默认选中第一项
<option value="beijing" disabled="disabled">文本</option>
<option selected="selected"(默认选中)>文本</option>
</select>
当option设置了value值,提交的是value对应的值
当option未设置了value值,提交的是文本
常用字符实体(都需要加分号)
<<
>&rt
空格 
版权符©