红客团队html引导,HTML语言--百度红客吧系列专题课程--25

作者：三月十三

第25节、在表单中插入文件域

上节课我们说了使用单选按钮和复选按钮还有图形化的按钮，我们举的例子有单选按钮和复选按钮，但没有举图形化的按钮的例子，那么这节课我们就来演示一下，在演示之前呢，我们还需要学习一点知识，那就是学学在表单中插入文件域。

首先，说明一下什么是文件域，我们来看个图吧：

这里是红吧上传页面的一部分，这里就是一个文件域，可以看出，一个文件域由一个文本框和一个“浏览”按钮组成，我们可以直接在文本框中输入文件的路径，也可以点击浏览，然后选择需要上传的文件。

我们将input标记的type属性设为file，即可在网页中插入文件域。

语法格式为：

name="字符串" size="字符串" value="字符串">

其中，name属性指定文件域的名字标识，value属性指定初始文件名，size属性指定文件名输入框的宽度。

下面我们来写一段实例，对着实例看看你就明白怎么用了。

例29(24.html)：

百度红客吧原创课程----使用文件域

name="form-1">

width="388">

bgcolor="teal">

color="white">文件域

height="52">

align="right">请选择文件：

align="left">

value="tank.txt"

size="20">

height="60">

align="right">

value="开始上传">

align="center">

name="btn-reset" value="重新选择">

来看一下代码的执行效果吧：

虚拟机坏了，只好在本地打开了，呵呵：

OK，这节课就说这么多吧。