我的问题是,默认情况下,如何不在页面上显示表单? 例如,我有一个带选项的代理,事实是,我不默认显示选项,但我希望有一个指向选项表单的链接。如果你没理解我的意思,请点击以下页面:proxy with options。
此外,这是我目前在页面上的代码:
<form action="includes/process.php?action=update" method="post" onsubmit="return updateLocation(this);" class="form">
<input type="text" name="u" id="input" size="40" class="textbox">
<input type="submit" value="Go" class="button"> [<a style="cursor:pointer;" onclick="document.getElementById('options').style.display=(document.getElementById('options').style.display=='none'?'':'none')">options</a>]
<ul id="options">
<?php foreach ($toShow as $option) echo '<li><input type="checkbox" name="'.$option['name'].'" id="'.$option['name'].'"'.$option['checked'].'><label for="'.$option['name'].'" class="tooltip" onmouseover="tooltip(\''.$option['escaped_desc'].'\')" onmouseout="exit();">'.$option['title'].'</label></li>';?>
</ul>
<br style="clear: both;">
</form>
<div class="navigation">
<!--[glype:error]-->
<?php ## Display error messge if applicable
if ( isset($_SESSION['msg']) ) {
echo '<div id="error">',$_SESSION['msg'],'</div>';
unset($_SESSION['msg']);
} ?>
编辑另外,有没有办法让复选框与文字对齐?
答案 0 :(得分:1)
您可以将表单放在带有样式属性<div>
的{{1}}内,然后在需要显示表单时更改display:none
。
修改:现在代码格式正确,我可以进一步扩展。你需要在你的选项ul上只显示一个样式为display:none。这意味着默认情况下这些选项不可见。
如果用户输入错误并且他们选择了一个选项,我想你会想要默认显示这些选项?如果是这样,创建一个名为$ show_options的变量,默认情况下为false,但如果在提交时选择了任何选项,则为true。然后在你的html选项框中使用以下代码:
display:block