网页制作 > HTML/Xhtml >
HTML表单标记教程(3):输入标记
佚名
文件域FILE
文件域可以让用户在域的内部填写自己硬盘中的文件路径，然后通过表单上传，这是文件域的基本功能。如在线发送E-mail时常见的附件功能。有的时候要求用户将文件提交给网站，例如Office文档、浏览者的个人照片或者其它类型的文件，这时就要用到文件域。
文件域的外观是一个文本框加一个浏览按钮，用户既可以直接将要上传给网站的文件的路径写在文本框内，也可以单击浏览按钮，在自己的电脑中找到要上传的文件。
在页面中插入文件域。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：11-8.htm -->
03 <!-- 文件说明：插入文件域 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>插入文件域</title>
08 </head>
09 <body>
10 <h1>用户调查</h1>
11 <Form action=mailto:tslxg@hotmail.com method=get name=invest>
12 姓名：<input type="text" name="username" size=20><br>
13 网址：<input type="text" name="url" size=20 maxlength=50 value="http://"><br>
14 密码：<input type="password" name="password" size=20 maxlength=8><br>
15 确认密码：<input type="password" name="password_confirm" size=20 maxlength=8><br>
16 请上传你的照片：<input type="file" name="File">
17 </Form>
18 </body>
19 </html> 文件说明
第16行就是插入的文件域。 复选框CHECKBOX
浏览者填写表单时，有一些内容可以通过让浏览者进行选择的形式来实现。例如常见的网上调查，首先提出调查的问题，然后让浏览者在若干个选项中进行选择。又例如收集个人信息时，要求在个人爱好的选项中进行选择等。适应以上各种不同类型调查的需要，选择域分为两种。 多选框：可以在若干选项中选择多个项目 单选框：在若干选项只允许选择一项
复选框能够进行项目的多项选择，以一个方框表示。 基本语法 <input type="checkbox" name="field＿name" checked value="value">
checked表示此项被默认选中，value表示选中项目后传送到服务器端的值。 文件范例：11-9.htm
在页面中插入复选框。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：11-9.htm -->
04 <!-- 文件说明：插入复选框 -->
05 <!-- ------------------------------ -->
06 <html>
07 <head>
08 <title>插入复选框</title>
09 </head>
10 <body>
11 <h1>用户调查</h1>
12 <Form action=mailto:tslxg@hotmail.com method=get name=invest>
13 姓名：<input type="text" name="username" size=20><br>
14 网址：<input type="text" name="url" size=20 maxlength=50 value="http://"><br>
15 密码：<input type="password" name="password" size=20 maxlength=8><br>
16 确认密码：<input type="password" name="password_confirm" size=20 maxlength=8><br>
17 请上传你的照片：<input type="File" name="File"><br>
18 请选择你喜欢的音乐：
19 <input type="checkbox" name="m1" value="rock" checked>摇滚乐
20 <input type="checkbox" name="m2" value="jazz">爵士乐
21 <input type="checkbox" name="m3" value="pop">流行乐
22 </Form>
23 </body>
24 </html> 文件说明
第18行到20行就是插入的复选框。其中每一个复选框有其独立的名称和值，"摇滚乐"项目是被默认选中的。
文件域可以让用户在域的内部填写自己硬盘中的文件路径，然后通过表单上传，这是文件域的基本功能。如在线发送E-mail时常见的附件功能。有的时候要求用户将文件提交给网站，例如Office文档、浏览者的个人照片或者其它类型的文件，这时就要用到文件域。
文件域的外观是一个文本框加一个浏览按钮，用户既可以直接将要上传给网站的文件的路径写在文本框内，也可以单击浏览按钮，在自己的电脑中找到要上传的文件。
-
基本语法
<input type="File" name="field＿name">
在页面中插入文件域。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：11-8.htm -->
03 <!-- 文件说明：插入文件域 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>插入文件域</title>
08 </head>
09 <body>
10 <h1>用户调查</h1>
11 <Form action=mailto:tslxg@hotmail.com method=get name=invest>
12 姓名：<input type="text" name="username" size=20><br>
13 网址：<input type="text" name="url" size=20 maxlength=50 value="http://"><br>
14 密码：<input type="password" name="password" size=20 maxlength=8><br>
15 确认密码：<input type="password" name="password_confirm" size=20 maxlength=8><br>
16 请上传你的照片：<input type="file" name="File">
17 </Form>
18 </body>
19 </html> 文件说明
第16行就是插入的文件域。 复选框CHECKBOX
浏览者填写表单时，有一些内容可以通过让浏览者进行选择的形式来实现。例如常见的网上调查，首先提出调查的问题，然后让浏览者在若干个选项中进行选择。又例如收集个人信息时，要求在个人爱好的选项中进行选择等。适应以上各种不同类型调查的需要，选择域分为两种。 多选框：可以在若干选项中选择多个项目 单选框：在若干选项只允许选择一项
复选框能够进行项目的多项选择，以一个方框表示。 基本语法 <input type="checkbox" name="field＿name" checked value="value">
checked表示此项被默认选中，value表示选中项目后传送到服务器端的值。 文件范例：11-9.htm
在页面中插入复选框。
01 <!-- ------------------------------ -->
02 <!-- 文件范例：11-9.htm -->
04 <!-- 文件说明：插入复选框 -->
05 <!-- ------------------------------ -->
06 <html>
07 <head>
08 <title>插入复选框</title>
09 </head>
10 <body>
11 <h1>用户调查</h1>
12 <Form action=mailto:tslxg@hotmail.com method=get name=invest>
13 姓名：<input type="text" name="username" size=20><br>
14 网址：<input type="text" name="url" size=20 maxlength=50 value="http://"><br>
15 密码：<input type="password" name="password" size=20 maxlength=8><br>
16 确认密码：<input type="password" name="password_confirm" size=20 maxlength=8><br>
17 请上传你的照片：<input type="File" name="File"><br>
18 请选择你喜欢的音乐：
19 <input type="checkbox" name="m1" value="rock" checked>摇滚乐
20 <input type="checkbox" name="m2" value="jazz">爵士乐
21 <input type="checkbox" name="m3" value="pop">流行乐
22 </Form>
23 </body>
24 </html> 文件说明
第18行到20行就是插入的复选框。其中每一个复选框有其独立的名称和值，"摇滚乐"项目是被默认选中的。