1:表单标记(form)
在网页中<form></form>标记对用来创建一个表格;
在<form></form>可以设置表单的基本属性,包括表单的名称,处理程序和传送方法;
一般情况下,表单的处理程序action和传递的方法method,这两个参数是比不可少的;
提交表单:action
用于指定表单数据提交到那个地址进行处理;
目标显示方式:target
target:用来指定目标窗口的打开方式,表单的目标窗口往往用来显示表单的返回值;
打开方式:
_blank:载入一个未命名的新浏览器中
_parent:载入含有该链接框架的父框架集或符窗口中;
_self:载入该链接所在的同一框架或窗口中;
_top:载入所链接文件,因而会删除所有的框架;
2:插入表单对象
文字字段:text
参数:
type:指定插入那种表单元素
name:文字字段的名称,用于和页面中其他控件加以区分;
value:文本框中的默认值;
size:文本框在页面中显示的长度;
maxlength:设置文本框中最多可以输入的字符数;
密码域:password
参数:
type:指定插入那种表单元素
name:密码域的名称,用于和页面中其他控件加以区分;
value:密码的默认值,以*显示;
size:文本框在页面中显示的长度;
maxlength:设置密码域文本框中最多可以输入的字符数;
单选按钮:radio
参数:
type:指定插入那种表单元素
value:必须要设置;
name:对于一个选择列表中的所有单选项按钮来说,需要设置相同的名称;
checked:在一个单选按钮中只有一个单选按钮可以设置checked;
普通按钮:button
参数:
type:指定插入那种表单元素;
name:普通按钮名称,用于和页面中其他控件加以区分;
value:按钮的取值;
调交按钮:submit
参数:
type:指定插入那种表单元素;
name:按钮名称,用于和页面中其他控件加以区分;
value:按钮的取值
重置按钮:reset
参数:
type:指定插入那种表单元素;
name:按钮名称,用于和页面中其他控件加以区分;
value:按钮的取值
图片域:image
参数:
type:指定插入那种表单元素;
name:名称,用于和页面中其他控件加以区分;
src:指定图片的位置
文件域:file
参数:
type:指定插入那种表单元素;
name:文件域的名称
size:控件的长度
maxlenght:最长的字符数
2:菜单和列表
下拉菜单:
语法:
<select name="下拉菜单">
<option value="选项值">显示内容</option>
</select>
selected:表示该选项在默认情况下是被选中的
一个下拉菜单中只能有一个默认选项被选中;
列表项:
语法:
<select name="下拉菜单" size="显示的列表项数" multiple="multiple">
<option value="选项值">显示内容</option>
</select>
size:用于设置在页面中显示的最多列表项数;
文本域标记:textarea
文本域使用的textarea标记;
参数:
name:文本域的名称
cols:列数
rows:行数
实例: <body> <form action="#" method="get"> 用户名:<input type="text" name="user" size="20" maxlength="15"/><br/> 年龄:<input type="text" name="age" size="20" maxlength="2" /><br/> 密码:<input type="password" name="password" size="15" maxlength="8"/><br/> 性别:<input type="radio" name="sex" value="男" checked="checked"/>男 <input type="radio" name="sex" value="女" />女<br/> <input type="button" name="button" value="关闭窗口" onclick="window.close()"/><br/> <input type="submit" name="submit" value="注册"/> <input type="reset" name="reset" value="重置"/><br/> <input type="image" src="100.png" name="image"/><br/> 上传图片:<input type="file" name="file" size="30" maxlength="35"/><br/> 地区: <select name="下拉菜单"> <option value="北京" selected>北京</option> <option value="上海" >上海</option> <option value="广州" >广州</option> <option value="深圳" >深圳</option> </select><br/><br/><br/> 地区: <select name="下拉菜单" size="1" multiple="multiple"> <option value="北京" selected>北京</option> <option value="上海" >上海</option> <option value="广州" >广州</option> <option value="深圳" >深圳</option> </select><br/><br/> 留言板: <textarea name="textarea" cols="20" rows="10"></textarea> </form> </body>