表单
表单
表单是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文本输入框的高度
代码:
显示效果: