表单用法
一、表单域的属性分解
<form action="" method="" target="" name="">
1、action 动作(提交后执行的操作)
2、method 方法(post 数据打包发送,允许发送大量数据,安全性高;get 浏览器直接发送数据,数据量不超过1KB,安全性低,搜索默认使用)
3、target 目标(见链接)
二、各类表单元素
- input类
type=text|password|hidden|radio|checkbox|file|image|submit|reset|button
A、text 单行文本框
<input type="text" name="" value="" size="" maxlength="">
name 名称(判断的唯一依据)
value 默认值 (onclick="this.value=''")
size 宽度(不影响输入字符数)
maxlength 最大字符数(默认255个)
B、password 密码框
<input type="password" name="" value="" size="" maxlength="">
C、hidden
(默认值决定其功能)
<input type="hidden" name="" value="">
D、radio
<input type="radio" name="" value="" checked>
name 必须一致
E、checkbox 复选框
<input type="checkbox" name="" value="" checked>
F、file 文件域
<input type="file" name="" size="" value="" accept="">
G、image 图像域(默认可替代提交按钮)
<input type="image" src="图像的url">
H、submit/reset/button 提交/重置/普通
- select 列表/菜单
<select name="" size="6" multiple>
1、size 高度
2、multiple 设置多选
option 选项
<option value="" selected>标签</option>
3、
- 文本区域(多行文本框)
<textarea cols="列数" rows="行数" name="">默认值</textarea>
用链接替代提交/取消按钮
onclick="document.表单名称.submit()"
onclick="document.表单名称.reset()"
框架标记(在同一个窗口中显示多个页面)
框架=框架集(frameset)+框架页面(frame)
- frameset属性设置
<frameset cols=""|rows="" frameborder="" border="" bordercolor="">
1、cols 列分隔 cols="120,30%,*"
左边为120个像素,中间为窗口的30%大小,右边是剩下的所有