如何在電子郵件表單的同一行上獲取提交按鈕

Question

我有一個WordPress網站我正在處理，無論我在哪裏放置我的電子郵件註冊表單，我都無法使按鈕位於同一行作爲您輸入電子郵件的方框。我忽略了我的代碼有什麼問題嗎？

<div id="robly_embed_signup"> 
    <form action="https://list.robly.com/subscribe/post" method="post" id="robly_embedded_subscribe_form" name="robly_embedded_subscribe_form" class="validate" target="_blank" novalidate=""> 
    <input type="hidden" name="a" value="821e061e2be0076acb86297c73307f0f" /> 
       <div class="robly_field_group"><input type="text" name="EMAIL" id="DATA0" class="required" autocapitalize="off" autocorrect="off" value="enter your email address" onfocus="if (this.value=='enter your email address') this.value='';"><input type="submit" name="subscribe" id="robly_embedded_subscribe" class="button" value="Subscribe" /> 

這是我的網站：http://gleefulthings.com/WPtestblog/

Answer 1

減少電子郵件輸入字段的寬度。在訂閱按鈕符合要求之前，我把它降到了84％。

您還將電子郵件輸入字段的ID作爲DATA0出現兩次，因爲您在標題中和內容上方的綠色區域中顯示了該ID，並且每個文檔只應出現一次ID。我建議給他們唯一的ID *然後分配，如「emailField」一類，並增加對CSS樣式表是這樣的：

.emailField{ 
    width:84%; 
} 

*既然你也有一些JavaScript引用DATA0 ID，你需要更新它也是如果你改變ID。