Javascript 显示元素时,表格向左对齐
我有以下HTML代码:Javascript 显示元素时,表格向左对齐,javascript,html,alignment,Javascript,Html,Alignment,我有以下HTML代码: <html> <head> <script type="text/javascript"> function showStuff(id) { var e = document.getElementById(id); if (e.style.display == 'block') e.style.display = 'none'
<html>
<head>
<script type="text/javascript">
function showStuff(id) {
var e = document.getElementById(id);
if (e.style.display == 'block') e.style.display = 'none';
else e.style.display = 'block';
}
</script>
</head>
<body>
<FORM name=myForm>
<TABLE border=0 align=center>
<TBODY>
<TR>
<TD align=right>Quiz/Test Title:</TD>
<TD align=left>
<INPUT size=25 type=text name=t>
</TD>
</TR>
<TR>
<TD align=right>
<input type="button" value="Show/Hide" onclick="showStuff('multiplechoice')">
</TD>
</TR>
</TBODY>
<TBODY id="multiplechoice" style="display: none;" align=center>
<TR>
<TD align=right>
<h3>Multiple Choice</h3>
</TD>
</TD>
<TR>
<TD align=right>Section Name:</TD>
<TD align=left>
<INPUT size=20 type=text name=section1>
</TD>
</TR>
<TR>
<TD align=right>Directions:</TD>
<TD align=left>
<INPUT size=71 type=text name=directions1>
</TD>
</TR>
<TR>
<TD align=right>Question Number:</TD>
<TD align=left>
<INPUT size=2 type=text name=n1 id=n1 value=1 onkeypress="return alpha(event,numbers)">
</TD>
</TR>
<TR>
<TD align=right>Question:</TD>
<TD align=left>
<textarea rows=2 cols=55 name=q1 id=q1></textarea>
</TD>
</TR>
<TR>
<TD align=right>Answer A:</TD>
<TD align=left>
<INPUT size=35 type=text name=a1>
</TD>
</TR>
<TR>
<TD align=right>Answer B:</TD>
<TD align=left>
<INPUT size=35 type=text name=b1>
</TD>
</TR>
<TR>
<TD align=right>Answer C:</TD>
<TD align=left>
<INPUT size=35 type=text name=c1>
</TD>
</TR>
<TR>
<TD align=right>Answer D:</TD>
<TD align=left>
<INPUT size=35 type=text name=d1>
</TD>
</TR>
<TR>
<TD align=right>Answer (A,B,C,D):</TD>
<TD align=left>
<INPUT size=1 type=text name=correct1 onkeyup="upper(this)" onkeypress="return alpha(event,letters)" maxlength="1">
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
</body>
</html>
函数showStuff(id){
var e=document.getElementById(id);
如果(e.style.display='block')e.style.display='none';
else e.style.display='block';
}
测验/测试题目:
选择题
章节名称:
方向:
问题编号:
问题:
答:
答复B:
答复C:
答复D:
答复(A、B、C、D):
好的,问题是当我单击“显示/隐藏”时,它会显示表单,但它会将表单中的所有内容移到左侧。我希望它保持在中心对齐。有什么办法可以这样做吗?我遗漏了所有其他与其他功能链接的功能,所以不用担心这些功能都能正常工作。非常感谢您的帮助。为什么不将您的两个
t正文
t放在单独的表格中
如下所示:
<FORM name=myForm>
<TABLE border=0 align=center>
<TBODY>
<TR>
<TD align=right>Quiz/Test Title:</TD>
<TD align=left>
<INPUT size=25 type=text name=t>
</TD>
</TR>
<TR>
<TD align=right><input type="button" value="Show/Hide" onclick="showStuff('multiplechoice')">
</TD>
</TR>
</TBODY>
</table>
<table border=0 align=center>
<TBODY id="multiplechoice" style="display: none;" align=center>
<TR>
<TD align=right><h3>Multiple Choice</h3></TD>
</TR>
<TR>
<TD align=right>Section Name:</TD>
<TD align=left><INPUT size=20 type=text name=section1></TD>
</TR>
<TR>
<TD align=right>Directions:</TD>
<TD align=left><INPUT size=71 type=text name=directions1></TD>
</TR>
<TR>
<TD align=right>Question Number:</TD>
<TD align=left><INPUT size=2 type=text name=n1 id=n1 value=1 onkeypress="return alpha(event,numbers)"></TD>
</TR>
<TR>
<TD align=right>Question:</TD>
<TD align=left><textarea rows=2 cols=55 name=q1 id=q1></textarea></TD>
</TR>
<TR>
<TD align=right>Answer A:</TD>
<TD align=left><INPUT size=35 type=text name=a1></TD></TR>
<TR>
<TD align=right>Answer B:</TD>
<TD align=left><INPUT size=35 type=text name=b1></TD>
</TR>
<TR>
<TD align=right>Answer C:</TD>
<TD align=left><INPUT size=35 type=text name=c1></TD>
</TR>
<TR>
<TD align=right>Answer D:</TD>
<TD align=left><INPUT size=35 type=text name=d1></TD>
</TR>
<TR>
<TD align=right>Answer (A,B,C,D):</TD>
<TD align=left><INPUT size=1 type=text name=correct1 onkeyup="upper(this)" onkeypress="return alpha(event,letters)" maxlength="1"></TD>
</TR>
</TBODY>
</TABLE>
</FORM>
测验/测试题目:
选择题
章节名称:
方向:
问题编号:
问题:
答:
答复B:
答复C:
答复D:
答复(A、B、C、D):
它修复了一切。看到这个了吗