表单
表单的作用
收集页面上用户填写的信息,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。
表单定义及属性
HTML表单是包含表单元素的区域,表单使用
标签创建,form标签是块级元素。action:提交的地址或者服务器,后台代码会根据这个地址进行处理,为空或者不写,表示提交到当前页面
method:定义浏览器将表单中的数据传递给服务器的方式,取值最常用的是GET/POST
target:在何处打开action,常见值:_blank在新窗口中打开,_self相同的框架中打开(默认),_parent在父框架中打开,_top在新窗口中打开,_framename指定的框架中打开
enctype:编码方式,默认值:application/x-www-form-urlencoded,包含文件上传控件时multipart/form-data
name:表单名称
表单元素
input标签
/*主要属性:size指定文本框的宽度,以字符个数为单位,大多数浏览器缺省时为20;value指默认值;maxlength用户输入的最大字符长度;readonly只读属性;disabled禁用,不能获取焦点,不能修改,不能提交*/
/*文件显示为圆点*/
红色
黄色
蓝色
男性
女性
/*使用file时,form的enctype属性必须为multipart/form-data,method为post*/
/*隐藏域*/
/*提交按钮*/
/*重置按钮*/
/*普通按钮*/
select标签,下拉列表 value="-1"表示不选择,加上multiple属性表示允许多选(按Ctrl键)
红色
黄色
蓝色
textarea标签,多行文本
label文本,点击文本时input会获取焦点,for表示所要修饰的控件ID