1 一、表单域的属性分解
2 <form action="" method="" target="" name="">
3
4 1、action 动作(提交后执行的操作)
5 2、method 方法(post 数据打包发送,允许发送大量数据,安全性高;get 浏览器直接发送数据,数据量不超过1KB,安全性低,搜索默认使用)
6 3、target 目标(见链接)
7
8 二、各类表单元素
9
10 1、input类
11 type=text|password|hidden|radio|checkbox|file|image|submit|reset|button
12
13 A、text 单行文本框
14 <input type="text" name="" value="" size="" maxlength="">
15 name 名称(判断的唯一依据)
16 value 默认值 (onclick="this.value=''")
17 size 宽度(不影响输入字符数)
18 maxlength 最大字符数(默认255个)
19
20 B、password 密码框
21 <input type="password" name="" value="" size="" maxlength="">
22
23 C、hidden 隐藏域(默认值决定其功能)
24 <input type="hidden" name="" value="">
25
26 D、radio 单选按钮
27 <input type="radio" name="" value="" checked>
28 name 必须一致
29
30 E、checkbox 复选框
31 <input type="checkbox" name="" value="" checked>
32
33 F、file 文件域
34 <input type="file" name="" size="" value="" accept="">
35
36 G、image 图像域(默认可替代提交按钮)
37 <input type="image" src="图像的url">
38
39 H、submit/reset/button 提交/重置/普通
40
41
42 2、select 列表/菜单
43 <select name="" size="6" multiple>
44
45 1、size 高度
46 2、multiple 设置多选
47
48 option 选项
49 <option value="" selected>标签</option>
50
51 3、textarea 文本区域(多行文本框)
52 <textarea cols="列数" rows="行数" name="">默认值</textarea>
53
54 用链接替代提交/取消按钮
55 onclick="document.表单名称.submit()"
56 onclick="document.表单名称.reset()"
57
58 第九节:框架标记(在同一个窗口中显示多个页面)
59
60 框架=框架集(frameset)+框架页面(frame)
61
62 一、frameset属性设置
63 <frameset cols=""|rows="" frameborder="" border="" bordercolor="">
64
65 1、cols 列分隔 cols="120,30%,*"
66 左边为120个像素,中间为窗口的30%大小,右边是剩下的所有