Html 在表单中放置下拉选择菜单

Html 在表单中放置下拉选择菜单,html,Html,我正在构建一个包含多个字段的表单,它被放置在一个表中,以便更易于阅读。我想在表单中有一个下拉菜单,但是使用“select/option”标签,我总是在整个表单之前或之后有下拉菜单。我该怎么办?这里有一个例子: document.write('name "Addrow" <form action="xxxxxx.php?Mode=ADD" method="POST" enctype="multipart/form-data">') document.write('<

我正在构建一个包含多个字段的表单,它被放置在一个表中,以便更易于阅读。我想在表单中有一个下拉菜单,但是使用“select/option”标签,我总是在整个表单之前或之后有下拉菜单。我该怎么办?这里有一个例子:

    document.write('name "Addrow" <form action="xxxxxx.php?Mode=ADD" method="POST" enctype="multipart/form-data">')
    document.write('<table width="900"><th width="250"></th><th width="650"></th>')
    document.write('<TR>')
    document.write('<TD>Codice evento:</td>')
    document.write('<TD><input type="text" name="ID_evcls" maxlength="10" size="10"></td>')
    document.write('</TR>')
    document.write('<TR>')
    document.write('<TD>Tipo evento:</td>')
    document.write('<TD><input type="text" name="ID_tipoev" maxlength="5" size="10"></td>')
    document.write('</TR>')
    document.write('<TR>')
    document.write('<TR>')
    document.write('<TD>Titolo:</td>')
    document.write('<TD><input type="text" name="TitEv" maxlength="35" size="35"></td>')
    document.write('</TR>')
    document.write('<TR>')
    document.write('<TR>')
    document.write('<TD>Descrizione:</td>')
    document.write('<TD><input type="text" name="Descr" maxlength="150" size="75"></td>')
    document.write('</TR>')
    document.write('<TR>')
    document.write('<TR>')
    document.write('<TD>Data manifestazione:</td>')
    document.write('<TD><input type="date" name="DataEv"></td>')
    document.write('</TR>')
    document.write('<TR>')
    document.write('<TR>')
    document.write('<TD>Luogo manifestazione:</td>')
    document.write('<TD><input type="text" name="PlacEv" maxlength="25" size="25"></td>')
    document.write('</TR>')
    document.write('<TR>')
    document.write('<TR>')
    document.write('<TD>Nazione:</td>')
    document.write('<TD><input type="text" name="NatEv" maxlength="3" size="3" value="ITA"></td>')
    document.write('</TR>')
    document.write('<TR>')
    document.write('<TD>Immagine da utilizzare (JPEG):</td>')
    document.write('<TD><input type="file" name="userfile"accept="image/jpeg"></td>')
    document.write('</TR>')
    document.write('</table>')
    fn_buildchooseeventclass()
    document.write('<input type="submit" value="Conferma inserimento">')
    document.write('</form>')
}

function fn_buildchooseeventclass() {
    document.write('<select name="carlist" form="Addrow">')
    document.write('<option value="volvo">Volvo</option>')
    document.write('<option value="saab">Saab</option>')
    document.write('<option value="opel">Opel</option>')
    document.write('<option value="audi">Audi</option>')
    document.write('</select>')
}


</script>

</body>
</html>
document.write('name“Addrow”'))
文件。写入(“”)
文件。写入(“”)
document.write('Codice evento:')
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
document.write('Tipo evento:')
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
document.write('Titolo:')
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
document.write('descripione:')
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
document.write('Data manifestazione:')
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
document.write('Luogo manifestazione:')
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
document.write('Nazione:')
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
document.write('Immagine da utilizare(JPEG):')
文件。写入(“”)
文件。写入(“”)
文件。写入(“”)
fn_buildchooseeventclass()
文件。写入(“”)
文件。写入(“”)
}
函数fn\u buildchooseeventclass(){
文件。写入(“”)
文件。写入(“沃尔沃”)
document.write('Saab'))
文件。编写(‘欧宝’)
文件。写入('aud')
文件。写入(“”)
}

您必须将其插入

所以,如果我按照你的风格做:

document.write('<TR>');
document.write('<TD>');
fn_buildchooseeventclass();
document.write('</TD>');
document.write('</TR>');
document.write('</table>');
document.write(“”);
文件。写(“”);
fn_buildchooseeventclass();
文件。写(“”);
文件。写(“”);
文件。写(“”);
编辑:以下是工作示例:

一些旁注:使用
布局四页被认为是一种不好的做法。
使用
document.write
创建用户界面效率很低。

感谢您的建议和宝贵时间,但对我来说,这是行不通的。你有什么建议避免坐桌子吗?如何在没有document.write的情况下在Javascript函数中构建html页面?再次非常感谢。@Roberto Alfieri我在回答中添加了一个有效的例子。使用css可以避免使用表格,但我必须承认表格是一种快速创建网站的方法。你是上帝!非常感谢你,再见