表单

表单

表单是Web浏览器和Web服务器进行通信的最常用的手段,用过表单,浏览器不仅能从Web服务器中获得信息,还能向Web服务器反馈信息
<form></form>

属性:method 设置传输方法
传输方法:GET POST
GET:速度快,安全性低,以明文的方式提交,传输数据上限为1M
POST:速度慢,安全性高,数据上传在媒体文件中,默认上限5M

输入框

<input>是单标签

1.type:控件的类型
2.value:指定的默认值
3.size:文本框显示的长度
4.maxlength:用户可舒服的最大字符
5.name:用于服务器获取数据
6.placeholder:用户提示用语(虚字,当选中输入框时,提示语消失)
代码:
表单
显示效果:
表单
7.disabled:获取或设置表单空间是否禁用,背景有阴影
代码:
表单
显示效果:
表单
8.readOnly:控件只读属性,不能更改只能复制和读取
代码:
表单
显示效果:只读属性,无法选中
表单
9.required:必填,如果不填,无法提交(一定要写提交方式)

代码:
表单
显示效果:
表单
10.formaction属性规定当表单提交时处理输入控件的文件的 URL
11.formmethod 属性定义发送表单数据到 action URL 的 HTTP 方法get/post

表单控件(type的属性值)

text:单行文本输入框
代码:
表单
显示效果:
表单

password:密码框
代码:
表单
显示效果:
表单

radio:单选按钮
代码:
表单
显示效果:
表单

checkbox:复选框
代码:
表单
显示效果:
表单

file:上传文件
代码:
表单
显示效果:
表单

select:下拉列表
<select></select>成对出现
代码:
表单
显示效果:
表单

textarea:多行文本框
代码:
表单
显示效果:
表单

button:点击按钮
代码:
表单
显示效果:
表单

submit:提交按钮
代码:
表单
显示效果:
表单

reset:重置按钮
代码:
表单
显示效果:
表单

单选和多选

属性
value 该选项被选中后提交到服务器的值
checked 默认的选中值
name单选此值自定义且相同
<label>标签
用于单选、多选
点击label中的文本时,触发指定控件
将label与控件绑定的方法:label的for属性与input的id属性相同
代码:表单
显示效果:
表单

下拉列表

属性:
name 名字
size列表框长度
multiple标识可多选,不设置则只能单选

option属性:
value该选项被选中并提交后,Web浏览器传送给服务器的数据。缺省时,将传送选项内容
selected指定选项的初始状态,表示该选项在初始时是被选中的
代码:
表单
显示效果:
表单

多行文本框

属性:
name指定文本输入框的名字
cols文本输入框的宽度
rows文本输入框的高度
代码:
表单
显示效果:
表单