Question

我无法弄清楚在此页面循环顶部找到的表单文本框右侧的“提交”按钮：http://www.babysavers.com。

我正在使用的代码在这里：

<center>
<div style="width: 625px; height: 70px;  border-style: dotted; border-color: #d7345a; border-width: 1px; padding: 5px;">
<form action="http://www.feedblitz.com/f/f.fbz?AddNewUserDirect&amp;ajax=4" method="POST" name="FeedBlitz_9fe455b8521611e29f67003005ce8903">
<h3>Join over 8,900 subscribers! Enter your email below for FREE Updates:</h3>
<input style="display:none" type="text" name="EMAIL" value="" maxlength="64"  size="65">
<input type="hidden" name="EMAIL_" value="" maxlength="64" /> 
<input type="hidden" name="EMAIL_ADDRESS" value="" maxlength="64" /> 
<input type="hidden" name="FEEDID" value="873069" /> <input type="hidden" name="cids" value="1" /> 
<input type="hidden" name="PUBLISHER" value="24085942" />
<input onclick="FeedBlitz_9fe455b8521611e29f67003005ce8903s(this.form);" type="button" value="Subscribe!" />
</form></div><script type="text/javascript" language="Javascript">// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
function FeedBlitz_9fe455b8521611e29f67003005ce8903i(){var x=document.getElementsByName('FeedBlitz_9fe455b8521611e29f67003005ce8903');for(i=0;i<x .length;i++){x[i].EMAIL.style.display='block';
x[i].action='http://www.feedblitz.com/f/f.fbz?AddNewUserDirect';}}
function FeedBlitz_9fe455b8521611e29f67003005ce8903s(v){v.submit();}FeedBlitz_9fe455b8521611e29f67003005ce8903i();
// ]]></script><br></center>

我知道我的代码很草率，但我想要做的就是将提交按钮排成一行，这样它就在文本框的右边，而不是在它下面。任何帮助，将不胜感激。

Answer 1

将显示设置为内联而不是：

style="display: inline;"

Answer 2

尝试此更改（显示：内联）：

<input type="text" size="65" maxlength="64" value="" name="EMAIL" style="display: inline;">

表单代码：如何获取文本框旁边的提交按钮

2 个答案: