《网页前端技术》HTML语言.ppt

案例二 制作用户注册界面 利用表单来做一个用户注册的界面。 案例资讯 一、复选框 我们使用“input”标记来定义复选框。在标记中称为“TYPE=checkbox”的属性 “name属性也应当定义，和前者相同。 使用disabled条目，我们可以创建不可选择的复选框(disable)。 二、复选按钮 通过使用input标记来定义单选按钮。在标记中称为TYPE=RADIO的属性用来定义单选按钮。属性名称也应当定义，并且与前者相同。在这种情况下属性值只有在表单处理过程中才可使用。 三、下拉列表和列表框 我们可以使用select和option标记来定义下拉框。select标记来定义选择框。通过使用option标记来定义组合框中选项号码。按照在例子中显示的 我们已经给出了三个选项供用户选择。选项中显示的名称在 option标记中间给出。 滚动选择项：通过使用select标记中的属性size来定义选择项的尺寸。 多选择项：通过使用multiple条目，我们可以让用户选择多选择项。通过使用shift或者Ctrl键用户可以选择多选择项 预选择项：通过使用selected条目，可以对选项进行预选择。 四、普通按钮 采用 input 标记来创建按钮。我们设置属性 TYPE=BUTTON 来定义该元素为按钮，属性 name 应设置。我们想要在按钮上显示的文字应该通过 value 属性给出( 例如：value=你好) 不可编辑 / 不可点击 / 禁用按钮 禁用表单上的按钮是非常简单的。使用属性 disabled， 我们可以让按钮不可编辑、不可点击 (例如， 用户不能编辑字段) 。 五、图像按钮 我们可以通过设置属性 type=image 来为按钮设置图像 六、隐藏域 语法：input type=hidden name=field＿name value=value 1? 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。 2 有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了。而且不会有浏览器不支持，用户禁用cookie的烦恼。 ?3 有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick=mand.value=xx然后我们接到数据后先检查command的值就会知道用户是按的那个按钮提交上来的。 4 有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。 5 javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了 6 按一个按钮弹出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉 七、多行文本域 用textarea标签来实现，要显示的段落文本框的内容在段落文本框开始和结束标记中给出，一般采用默认的大小。 设置段落文本框的大小：通过使用属性rows和cols来定义段落文本框得大小。通过改变属性值来改变段落文本框的大小。 不可编辑的段落文本框：通过使用readonly 条目，我们可以对不可编辑的段落文本框进行测试。 八、文件域 文件域就是输入的文本是文件形式的 语法：文件：input type=file 案例步骤 制作用户注册页面 记事本中代码如下： html head title注册界面/title /head body form action=answer.html method=post 选择您的雅虎邮箱： input type=txtmail size=20 maxlength=20 font size=+1 color=#ff0000@/font select name=address option value=/option option value=/option /selectbr 密码：nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp; input type=password name=txtmm size=10 maxlength=10br 再次输入密码：input type=password name=txtjcmm size=10 maxlength=10br