Question

我正在尝试使用document.write动态插入表单但由于某些原因表单不再有效。以下是调用javascript http://pastebin.com/iMQ3FxHM的代码，这里是编写http://pastebin.com/vMn9BrKQ形式的javascript。 ~~我正在使用pastebin，因为stackoverflow没有转义html标签，我没有任何1010按钮或其他什么~~

<script type="text/javascript">
    document.write('<scr' + 'ipt type="text\/jav' + 'ascript"  s' + 'rc="http:\/\/www.a' + 'utotraderuae.net\/mem' + 'bers.j' + 's"><\/sc' + 'ript>');
</script>

<script type="text/javascript">
document.write("<h1>");
document.write("    If you are interested to buy it or if you have any question please contact me through the ");
document.write("");
document.write("form bellow .<\/h1>");
document.write("<p>");
document.write("    <a name=\"contactustop\"><\/a><\/p>");
document.write("<form action=\"http:\/\/autotraderuae.net\/members\/process.php\" id=\"contactus\" method=\"POST\">");
document.write("    <strong><span style=\"font-size: 14px;\"><span style=\"font-family: ");
document.write("");
document.write("arial,helvetica,sans-serif;\"><label for=\"email\">Email *<\/label><\/span><\/span><\/strong><br \/>");
document.write("    <input class=\"textfield\" id=\"email\" name=\"fields[Email]\" style=\"width: 400px;\" type=\"text\" ");
document.write("");
document.write("\/>&nbsp;<\/form>");
document.write("<div class=\"fieldblock\" id=\"fieldblock-comments\">");
document.write("    <span style=\"font-family: arial,helvetica,sans-serif;\"><strong><span style=\"font-size: ");
document.write("");
document.write("14px;\"><label for=\"comments\">Your question<\/label><\/span><\/strong><\/span><br \/>");
document.write("    <textarea class=\"textfield\" cols=\"20\" id=\"comments\" name=\"fields[Comments]\" rows=\"4\" ");
document.write("");
document.write("style=\"width: 400px;\"><\/textarea><\/div>");
document.write("<p>");
document.write("    <button type=\"submit\">Submit<\/button><\/p>");

</script>

Answer 1

我看不到表单的结束标记。

另外，'bellow'应该是'低于'

Answer 2

表单在第一个输入字段

后关闭

Answer 3

编写表单非常奇怪 - 不必要的跨度和字体内容正在进行中。使用+或\连接并一次写入表单。因为html忽略它们，所以不需要用空格填充表单

<script type="text/javascript">
var text = '<h1>If you are interested to buy it or if you have any question please contact me through the form below .</h1>'+
'<p><a name="contactustop"></a></p>'+ 
'<form action="http://autotraderuae.net/members/process.php" id="contactus" method="POST">'+ 
'<label for="email" style="font-size: 14px; font-family:arial,helvetica,sans-serif; font-weight:bold">Email *</label><br />'+
'<input class="textfield" id="email" name="fields[Email]" style="width: 400px;" type="text"/>'+
'<div class="fieldblock" id="fieldblock-comments">'+
'<label for="comments" style="font-size: 14px; font-family:arial,helvetica,sans-serif; font-weight:bold">Your question</label><br />'+
'<textarea class="textfield" cols="20" id="comments" name="fields[Comments]" rows="4" style="width: 400px;"></textarea>'+
'</div>'+
'<p><input type="submit"></p>';
'</form>';
document.write(text)
</script>

html，通过document.write动态插入表单

3 个答案: