利用css样式,实现表单的显示和隐藏

html-css016

利用css样式,实现表单的显示和隐藏,第1张

URL是什么?请描述URL的基本格式,并加以解释。

URL是统一资源定位符,URL由三部分组成:协议类型,主机名和路径及文件名。格式 FTP:// gopher 通过 Gopher 协议访问该资源。 http 通过 HTTP 访问该资源。 格式

请简述Web和DB链接的三种方法。

odbc

jdbc

运用第三方数据库连接插件

通过CGI实现客户端与服务器端的交互。

利用ASP 动态服务器页面链接。

使用ActiveX 数据库控件

如何设置鼠标经过图像?

在dreamweaver中鼠标左键点击插入---图像对象---鼠标经过图像.

制作网页时需要哪些软件?

Fireworks,Dreamweaver

设置表格或单元格宽度时用到的像素和百分比有何区别?

百分比是相对宽度,像素是绝对宽度

仅用于当前文档的CSS样式和外部链接CSS样式有 何区别?分别如何创建?

仅用于当前文档的CSS可以写在页面中相对于外部链接的CSS样式表来讲,在属性发生冲突时,权重更高.而外部链接的CSS可以用一个单独的CSS文件存储,可供不同的HTML页面引用,适用于页面较多的网站.

事件与动作有何关系?

动作是由用户对网页进行操作的一种描述,而事件是由动作引发的,然后监听器就会引发相应的处理事件.如弹出窗口等.

列表和菜单有区别吗?区别在何处?

有,列表为不可输入文本,可选择项,而菜单为可输入文本,不可选择项。

*在Dreamweaver MX 2004中一共提供了哪些种类表单对象?

按钮,文本区域,文本字段,图像域,文件域,单选按钮,单选按钮组,复选框,隐藏域.

1、按钮的margin-left:-10px这样的负值。或者学度娘,取消input边框另作。

2、css里面font-size:16pxfont-family:"Times New Roman",Georgia,Serif这样。

3、可以设置input的type为image,然后加背景图片。

给出一个例子

<!DOCTYPE HTML>

<html lang="en">

<head>

    <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />

    <meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

    <title>test</title>

    <link rel="stylesheet" href="css.css" type="text/css" media="screen">

    <script src="http://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script>

</head>

<body>

    <div class="search">

        <input id="search" type="text" autofocus="autofocus" >

        <div class="submit">搜索</div>

    </div>

    <style type="text/css">

        .search{width:300pxoverflow: hiddenborder:1px solid #dddfont-size:16pxheight:2emline-height: 2em}

        .search:hover{border:1px solid #00af60}

        .search input#search{padding-left: 10pxoutline: nonewidth:230pxborder:0}

        .search .submit{cursor:pointerfloat: rightpadding:0 10pxcolor: #00af60border-left: 1px solid #ddd}

        .search:hover .submit{background: #00af60color:#FFFborder:0/*background:url(1.jpg)*/}

    </style>

    <script type="text/javascript">

        $(function(){

            $('.search').hover(function(){$('#search')[0].focus()})//

            $('.search .submit').click(function(){

                alert("在此检查然后js提交")

            })

        })

    </script>

</body>

</html>