当前位置: 移动技术网 > IT编程>网页制作>CSS > 表单

表单

2018年11月24日  | 移动技术网IT编程  | 我要评论
<!-- 表单: 常用属性: action:信息提交的路径 默认是当前页面 method:表单提交的方式 只需要掌握两种 get(默认)和post get和post的区别: 1.get请求会把所有的参数追加在地址栏上,post请求不会 2.get请求参数大小有限制,post请求参数大小没有限制 3. ...

<!--
表单:
常用属性:
action:信息提交的路径 默认是当前页面
method:表单提交的方式
只需要掌握两种
get(默认)和post
get和post的区别:
1.get请求会把所有的参数追加在地址栏上,post请求不会
2.get请求参数大小有限制,post请求参数大小没有限制
3.post相当于get安全些
常见的子标签
input
select:下拉选
textarea:文本域

input标签
常用的属性:
type:
text:文本框 默认
password:密码框
radio:单选框
checkbox:多选框
file:文件框

submit:提交
reset:重置
button:普通按钮

hidden:隐藏域 在页面上显示 提交的时候可以提交过去
image:图片提交 替代submit
name:
可以将几个单选框(复选框)设置为一组
要想将信息保存到服务器上必须有name属性
readonly:
readonly="readonly" 只读
disabled:
disabled="disabled" 禁用

select :下拉选
格式:
<select name="pro">
<option>黑龙江</option>
</select>

textarea:文本域
常用的属性:
cols:列
rows:行


提交到服务器的内容的格式:
key=value&
对于文本框 密码框 文本域 手写的内容传递过去了
对于单选框和多选框来说,却没有把值传递过去
要想把值传递过去 必须设置value属性
若下拉选要想把选中内容的值传递过去,请加上value属性

默认值:
文本框 密码框:只需要添加value属性
单选框 多选框:添加 checked="checked"
下拉选:添加selected="selected"
文本域:标签体

当我们提交的时候 发现地址栏变化
?username=tom&password=123&sex=on&hobby=on&hobby=on&photo=&pro=黑龙江&city=哈尔滨&intr=good+girl
-->

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网