表单的使用

表单用法

一、表单域的属性分解

<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

• 文本区域(多行文本框)

<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%大小，右边是剩下的所有