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

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〉年龄: