HTML学习笔记【9】使用表单

1. 表单标记 from

A. 提交表单 action

<forn action="表单的处理程序">

。。。 。。。

</form>

表单的处理程序是表单要提交的地址，也就是表单中收集到的资料将要传递的程序的地址。

B. 表单名称  name <from name="名称">。。。 。。。</form>

C. 传送方法 method <form method="传送方法"> （get  post）

D. 编码方式 enctype <form enctype="编码方式">

编码方式有 application/X-www-form-urlencoded 默认的编码方式

                   Multipart/form-data MIME编码，上传文件的表单必须选择该项

E. 目标显示方式 target

用来指定目标窗口的打开方式

<form target="目标窗口的打开方式">

... ...

</target>

其中目标窗口的打开方式可以是

_blank 将链接的文件载入一个未命名的新浏览器窗口中

_parent 将链接的文件载入含有该链接框架的父框架集或父窗口中

_self 将链接的文件载入到该链接所在的同一框架或窗口中

_top 为在整个浏览器窗口中载入所链接的文件，因而会删除所有框架

2. 插入表单对象

A. 文字字段 text

<input name="控件名称" type="text" value="文字字段的默认值" size="控件的长度" maxlength="最长的字符数" />

B. 密码域 password

<input name="控件名称" type="password" value="文字字段的默认值" size="控件的长度" maxlength="最长的字符数" />

C. 单选按钮 radio

<input name="单选按钮名称" type="radio" value="单选按钮的取值" checked/>

其中在一个单选按钮组中只有一个单选按钮可以设置为 checked 表示默认情况被选中

D. 复选框按钮 checkbox

<input name="复选框名称" type="checkbox" value="复选框的取值" checked/>

可以有多个checked

E. 普通按钮 button

<input name="按钮名称" type="radio" value="按钮的取值" οnclick="处理程序"/>

可以使用onclick来实现一些特殊功能

F. 提交按钮submit

<input name="按钮名称" type="submit" value="按钮的取值" />

G. 重置按钮 reset

<input name="按钮名称" type="reset" value="按钮的取值" />

H. 图像域 image

<input name="图像域名称" type="image" src="图像路径" />

I. 隐藏域 hidden

有时候可能想传送一些数据，这些数据对于用户来说是不可见的，可以设置一个隐藏域来传送这样的数据。

<input name="隐藏域名称" type="hidden" value="隐藏域的取值" />

J. 文件域 file

在上传文件时可以用到

<input name="文件域名称" type="file" size="控件长度" maxlength="最长字符数"/>

3 .菜单和列表

A. 下拉菜单

<select name="下拉菜单名称">

<option value="选项值" selected>选项显示内容

... ...
</select>

B. 列表项

<select name="列表项名称" size="显示列表的项数" multiple>

<option value="选项值" selected>选项显示内容

... ...
</select>

4. 文本域标记 textarea

<textarea name="文本域名称" cols="列数" rows="行数"></textarea>

5. id标记

<id=元素的标识名>

用来表示页面中的唯一元素