预览加载中，请您耐心等待几秒...

html网页表单制作.doc

预览
1/7
2/7
3/7
4/7
5/7
6/7
7/7

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

html网页表单制作html网页表单制作html网页表单制作1.表单标签＜form＞……＜/form＞语法:＜FORMname=“form_name”ACTION=“URL”METHOD=“GET|POST”＞…＜/FORM＞Name：定义表单的名称Method:定义表单结果从浏览器传送到服务器的方式,默认参数为：get；Action：用来指定表单处理程序的位置(asp等服务器端脚本处理程序）文本框文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答,如姓名、地址等。代码格式：＜inputtype=“text”name=“。..”size=“。..”maxlength=“.。.”value=“。.。”＞type=“text"定义单行文本输入框;name属性定义文本框的名称，要保证数据的准确采集,必须定义一个独一无二的名称；size属性定义文本框的宽度,单位是单个字符宽度；maxlength属性定义最多输入的字符数。value属性定义文本框的初始值3.密码框密码框是一种特殊的文本框，它的不同之处是当输入内容时,均以＊表示,以保证密码的安全性.格式：〈inputtype=“password"name=“...”size=“。.。”maxlength=“.。.”>4.按钮类型:普通按钮、提交按钮、重置按钮.普通按钮当type的类型为button时，表示该输入项输入的是普通按钮.语法格式：<inputtype=”button"value=”…“name=“…”〉Value:表示显示在按钮上面的文字.普通按钮经常和脚本一起使用.提交按钮通过提交(inputtype=submit）可以将表单(Form）里的信息提交给表单里action所指向的文件。例句:<inputtype="submit”value="提交"〉重置按钮当type的类型为reset时，表示该输入项输入的是重置按钮，单击按钮后,浏览器可以清除表单中的输入信息而恢复到默认的表单内容设定。语法格式：<inputtype=“reset”value=“…“name=“…”>5.单选框和复选框单选框格式：〈inputtype=“radio”name=“…”value=“…"checked>Checked：表示此项默认选中Value表示选中后传送到服务器端的值。Name表示单选框的名称,如果是一组单选项，name属性的值相同有互斥效果。复选框语法格式：<inputtype=checkboxname=“…”value=“…”checked〉Checked:表示此项默认选中Value表示选中后传送到服务器端的值。Name表示复选框的名称，如果是一组单选项，name属性的值相同亦不会有互斥效果。6。文件输入框当type=“file”时，表示该输入项是一个文件输入框，用户可以在文件输入框的内部填写自己硬盘中的文件路径，然后通过表单上传.语法格式:<inputtype=“file”name=“…”〉7.下拉框（Select）既可以用做单选,也可以用做复选。单选例句如下：<selectname=”fruit"〉<optionvalue=”apple”〉苹果〈optionvalue="orange”>桔子<optionvalue=”mango”〉芒果〈/select>如果要变成复选,加multiple即可。用户用Ctrl来实现多选。〈selectname=”fruit”multiple〉，用户还可以用size属性来改变下拉框的大小.8.多行输入框（textarea）多行输入框(textarea)主要用于输入较长的文本信息。例句如下〈textareaname="yoursuggest”cols=”50"rows="3”></textarea>其中cols表示textarea的宽度，rows表示textarea的高度。实例一：代码：<html>〈head><title>用户登记</title>〈/head>〈body〉〈tableborder=3width=1000height=500bordercolor="#336699"align=center〉<tr><td〉<palign=center〉〈fontsize=7color="＃00ff00”>用户登记</font〉</p〉〈hr〉<palign=center〉亲爱的用户，欢迎您访问我们的网站，请填写您的个人信息，便于我们及时与您联系。〈/p〉〈form〉<p>姓名：〈inputtype=textname=xingming〉〈br><br〉年龄:<inputtype=textname=nianling>〈br><br>性别：〈inputtype=radioname=xingbievalue=femalchecked〉男〈i