无法在页面上显示表单

时间:2014-06-01 17:22:10

标签: html forms

我正在尝试实施基本联系表单,但无法获取要显示的标签和输入。这是代码:

    <div id="contact">
        <form method="post" action="something.php">
            <div>
                <label for="address">Your email address:</label>
                <input name="address" type="text" id="address"/>                            
            </div>
            <div>
                <label for="query">What is your query?</label>
                <input name="query" type="text" id="address"/>
            </div>
            <div>
                <input type="submit" value="SUBMIT"/>
            </div>
        </form>
    </div>

如果我把它放在一个页面上它会显示它应该如此。但是,在我的页面上它没有。

我使用jQuery .show()函数取消隐藏#contact。 它被放置在另一个具有背景图像的div中。

最后有什么不正确吗?

显示实际表格。但内部的div,标签和输入并没有。

jQuery代码如下所示:

function displayBlock(id, hide1, hide2, hide3, hide4) {
    $('#content_boxes #content_bg '+ hide1).hide();
    $('#content_boxes #content_bg '+ hide2).hide();
    $('#content_boxes #content_bg '+ hide3).hide();
    $('#content_boxes #content_bg '+ hide4).hide();
    $('#content_boxes #content_bg '+ id).show();
}

该功能由onclick事件通过导航栏调用:

<div id="header">

    <div id="navigation">

        <div id="site_logo" onclick="displayBlock('#welcome', '#about', '#albums', '#media', '#contact')">
            <a href="#"><img src="images/logo_website.png"></a>
        </div>

        <nav>
            <ul>
                <li onclick="displayBlock('#about', '#welcome', '#albums', '#media', '#contact')"><a href = "#">ABOUT</a></li>
                <li onclick="displayBlock('#albums', '#welcome','#about', '#media', '#contact')"><a href = "#">ALBUMS</a></li>
                <li onclick="displayBlock('#media', '#welcome', '#about', '#albums', '#contact')"><a href = "#">MEDIA</a></li>
                <li onclick="displayBlock('#contact', '#welcome', '#about', '#albums', '#media')"><a href = "#">CONTACT</a></li>
            </ul>
        </nav>

    </div>

</div>

个人网站只是为了显示我录制的音乐

0 个答案:

没有答案