选择下拉菜单无刷新变换内容

最新推荐文章于 2024-04-25 19:57:12 发布

piperzero

最新推荐文章于 2024-04-25 19:57:12 发布

阅读量1.2k

点赞数

分类专栏：网站建设文章标签： action div float

网站建设专栏收录该内容

740 篇文章

订阅专栏

本文介绍了一个HTML错误报告页面的结构及样式设置，包括不同类型的错误选项和其他反馈输入框的设计。通过对页面元素的详细说明，帮助读者理解如何构建有效的错误反馈机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-htm ... /loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD><TITLE>错误报告</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
<!--
{
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; WIDTH: 390px; PADDING-TOP: 5px; HEIGHT: 290px
}
#box {
    BORDER-RIGHT: #b0b0b0 1px solid; BORDER-TOP: #b0b0b0 1px solid; BORDER-LEFT: #b0b0b0 1px solid; WIDTH: 100%; BORDER-BOTTOM: #b0b0b0 1px solid; HEIGHT: 100%
}
#box H1 {
    FONT-SIZE: 12px; COLOR: #b0b0b0; TEXT-INDENT: 10px; LINE-HEIGHT: 26px; HEIGHT: 26px
}
SELECT {
    FONT-SIZE: 12px; MARGIN: 0px
}
#select {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 21px; PADDING-TOP: 5px; HEIGHT: 21px
}
#select  {
    FLOAT: left
}
#select DIV {
    MARGIN-RIGHT: 7px
}
#select IMG {
    MARGIN-LEFT: 13px
}
#other {
    PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 14px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#other TEXTAREA {
    BORDER-RIGHT: #b0b0b0 1px solid; BORDER-TOP: #b0b0b0 1px solid; MARGIN: -1px 0px; BORDER-LEFT: #b0b0b0 1px solid; WIDTH: 376px; BORDER-BOTTOM: #b0b0b0 1px solid; HEIGHT: 124px
}
--!>
</style>
<SCRIPT type=text/javascript>

        function chk(obj)
        {
            if(obj.h_name.value=="")
            {
                window.alert("请选择错误类型！");
                obj.h_name.focus();
                return false;
            }
            if(obj.h_name.value=="其他"&&(obj.h_txt.value==""||obj.h_txt.value=="请在此处填写错误，感谢您的支持"))
            {
                window.alert("请填写您发现的错误！");
                obj.h_txt.focus();
                return false;
            }
            return true;
            obj.b.disabled="disabled";

        }
        function schange(obj)
        {
            if(obj.value=="其他")
            {
                window.document.getElementById("other").style.display="";
            }else{
                window.document.getElementById("other").style.display="none";
            }
        }
</SCRIPT>
<META content="MSHTML 6.00.2800.1593" name=GENERATOR></HEAD>
<BODY>
<FORM id=ctl00 name=ctl00 onsubmit="return chk(this)" action="" method=post>
<DIV><INPUT id=__VIEWSTATE type=hidden value=错误报告>
</DIV>
<DIV id=box>
<H1>错误报告</H1>
<DIV>
<DIV id=select>
<DIV>错误类型：</DIV>
<SELECT onchange=schange(this) name=h_name>
<OPTION value="" selected>请选择</OPTION>
<OPTION value=网页错误>网页错误</OPTION>
<OPTION value=打开速度很慢>打开速度很慢</OPTION>
<OPTION value=根本打不开>根本打不开</OPTION>
<OPTION value=链接出错>链接出错</OPTION>
<OPTION value=域名不易记>域名不易记</OPTION>
<OPTION value=功能不全>功能不全</OPTION>
<OPTION value=其他>其他错误</OPTION>
</SELECT>
<INPUT id=b type="submit"> </DIV>
<DIV id=other style="DISPLAY: none"><TEXTAREA onclick="this.value=''" name=h_txt>请在此处填写错误，感谢您的支持</TEXTAREA>
</DIV>
<DIV style="BACKGROUND: #f7f7f7; HEIGHT: 91px"></DIV></DIV></DIV>
<INPUT type=hidden value="错误报告" name=h_err>
<INPUT type=hidden value=282430 name=id>
</FORM>
</BODY></HTML>