html网页表单制作doc
1.表单标签<form>……</form>
语法:<FORM name=“form_name” ACTION=“URL” METHOD=“GET|POST”>…</FORM>
Name :定义表单的名称
Method: 定义表单结果从浏览器传送到服务器的方式,默认参数为:get ;
Action :用来指定表单处理程序的位置(asp 等服务器端脚本处理程序)
文本框文本框
是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。
代码格式:<input type=“text” name=“...” size=“...” maxlength=“...” value=“...”>
type=“text” 定义单行 文本输入框;
name 属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size 属性定义文本框的宽度,单位是单个字符宽度;
maxlength 属性定义最多输入的字符数。
value 属性定义文本框的初始值
3.密码框
密码框是一种特殊的文本框,它的不同之处是当输入内容时,均以*表示,以保证密码的安全性。
格式:
4. 按钮
类型:普通按钮、提交按钮、重置按钮。
普通按钮
当type 的类型为button 时,表示该输入项输入的是普通按钮。
语法格式:
重置按钮
当type的类型为reset时,表示该输入项输入的是重置按钮,单击按钮后,浏览器可以清除表单中的输入信息而恢复到默认的表单内容设定。
语法格式:
5. 单选框和复选框
单选框
格式:
Checked: 表示此项默认选中
Value 表示选中后传送到服务器端的值。
Name 表示单选框的名称,如果是一组单选项,name 属性的值相同有互斥效果。
复选框
语法格式:
Checked: 表示此项默认选中
Value 表示选中后传送到服务器端的值。
Name 表示复选框的名称,如果是一组单选项,name 属性的值相同亦不会有互斥效果。
6. 文件输入框
当type=“file”时,表示该输入项是一个文件输入框,用户可以在文件输入框的内部填写自己硬盘中的文件路径,然后通过表单上传。
语法格式:
7.下拉框 (Select) 既可以用做单选,也可以用做复选。
单选例句如下 :
苹果
桔子
芒果
如果要变成复选,加multiple即可 。用户用Ctrl来实现多选。
,用户还可以用size 属性来改变下拉框的大小。
8. 多行输入框(textarea)
多行输入框(textarea)主要用于输入较长的文本信息。例句如下
其中cols 表示textarea 的宽度,rows 表示textarea 的高度。
实例一:
代码:
用户登记用户登记 亲爱的用户,欢迎您访问我 |