添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

窗口实现简略分析

如果要实现上图中的登录窗口界面,需要用到文本框(Text)、按钮(Button)、表格、表单(Form)等标记以及设置相关标签的属性。

如果要进一步实现用户输入用户名、密码点击登录可以提示登录成功或登录失败,可以进一步添加事件和方法,如使用JavaScript编写函数进行事件的动态响应,因只是一个简单实例,在这里不做太多介绍和功能实现,如果想要进一步学习,欢迎关注,后续推进。

提示: 编译环境采用的是“Dreamweaver CS6”,如果是更高版本DW软件,可以只选取标签 “<title>   </title>” 中的内容,其余部分采用软件打开时自给的信息。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DW CS6实现登录窗口</title>
</head>
<form id="form1" runat="server">
            <table style="width: 320px; text-align: center" border="1">
                    <td colspan="4" bgcolor="#99CCFF">用户登录</td>
                    <td colspan="2">用户名</td>
                        <input type="text" name="Text1" runat="server" width="200px" value="" />
                    <td colspan="2">密码</td>
                        <input type="text" name="Text2" runat="server" width="200px" value=""/>
                    <td colspan="3">
                        <input type="button" value="登录" runat="server" />
            </table>
    </form>
</body>
</html>

写在最后:

读两遍下来,如果仍然有不清楚的地方,可在评论区留言。

如果你有其他感到困惑的问题,欢迎留言。

3.首先获取到姓名. 身份证号. 电话号码这些文本框的ID,然后电话号码那里给一个onblur事件用于表单验证代码,然后reg那里是验证身份证的正则表达式,下面那里的电话验证也是一样,然后登陆页面那里都是判段如果符合就登陆成功当然我们做的那个登陆页面那里只有王主任跟小明才可以登陆进去window.location.href="./Main. html ";这个段代码就是登陆成功然后才可以跳转。 这是我所学到的Models引用步骤,所以我要. function FrontPage_Form1_Validator(theForm)//info*分别与下面的输入框一一对应 if (theForm.info1.value == "") //如果用户名输入框为空,就显示警告信息 alert("请在 \"用户名\" 域中输入值。"); theForm.info1.focus(); return (false); if (theForm.info1.value.length < 1) //如果用户名输入少于一个字符,就显示警告信息 alert("在 \"用户名\" 域中,请至少输入 1 个字符。"); theForm.info1.focus(); return (false); ColourDethRedirect 根据访问者的的屏幕颜色数选定相应页面 Framewizard 制作 各种样式的帧结构 FrameBuster 监测是否现在在一个帧中,如果在跳出帧结构 Makemaillink 建立邮件连接 Makenewslink 建立新闻组连接 Fullscreen Opener 在新窗口中以全屏幕方式打开页面 close onblur 光标移出窗口时自动关闭该窗口 CSS on resolution 根据不同的分辨率调入相应的外部css文件 Css on platform 根据不同的操作系统调入相应的外部css文件 Css on Browser 根据不同的浏览器调入相应的外部css文件 FontTagKiller 将页面中所有的标记清除 jsonbrowser 根据不同的浏览器选择不同的js代码 Remove lines from maps IE4会在可点图激活时候显示虚线框,该命令移走这个框 Tag killer 将指定的标签从页面中清除 InsertCustom Tag 插入自定义标签 set global Var 在head标签中设置javascript的全局变量 windwo mover 将窗口移到屏幕的指定地方 dreamshow 使图片像播放幻灯一样顺序播放 Show-HideallLayers 隐藏或者显示所有的层 OpenerLocation 在新窗口中打开指定的url Flash3_detector 监测是否支持flash3 redirect 可以根据浏览器操作系统等多种条件调入相应页面 Centrewindow 自动将窗口置中 One by one(behavior+command) 在显示当前层的时候,自动隐藏前一个层 maxmizewindow 最大化窗口 Open full screen window 打开一个新的全屏幕的窗口 printcrossbrowser 弹出打印对话框 Audioembed 可以嵌入midi文件并设置为循环播放 Background_that_fit 不论怎样缩放窗口背景图片总是和窗口一样大 Basetarget 设定页面的的base URL Timestamp 为页面加上时间戳,这下最新更动时间不用每次再自己写了 guestbook-o-matic 不用cgi 制作 自己的留言本 quicktimeobj 插入quicktime文件 Flash3embedder 插入Flash3文件 realvideo 插入real文件 js depending on browser 根据不同的浏览器选择不同的javascript代码 Externel CSS file 插入外部的CSS文件 Externel Javascript file 插入外部的js文件 Video embed 插入activemovie windowsMaxmizer 最大化窗口   名称 简介 Reverse Timeline Reverse Timeline可以从TIMELINE的帧15倒放到帧1,但必须将其放到TIMELINE的文件夹下,否则它不会工作 Layer f(x) Behavior 这个Behavior 可以让一个层(layer)按照一个圆形、螺旋形或一些 特殊的轨迹运动。 Align Layers 这个Action的功能是让用户可以将一个layer象table一样的在屏幕上 进行竖直或水平排列对齐,同时这个插件还可以设置整个 html 页面的边距。 Layer Transitions 包含了12种网页中常见的层变化效果的插件,在IE和NN内都能够正常 显示。 Back to my frame 在网页中加入这个action后浏览器将会判断当前的页面是否包含在一 个帧中,如果结果为否则会自动跳转到指定的url地址。 History Go 2.0 这个Behavior的作用是在网页中增加一个“History Go”的javascri pt,从而可以 实现 类似于浏览器中的“前进”和“后退”按钮的功能。 Print 3.0