在订阅按钮的此代码中放置链接的位置?

时间:2017-08-14 19:12:53

标签: html forms button hyperlink

我找到了这个代码模板,我想将其用于简报注册表单。我无法弄清楚在此代码中为订阅按钮放置链接的位置。我不想创建一个新按钮。我尝试过使用动作代码以及href。

 <div class="span4"> 
    <div class="p30"> 
      
        <h3>Newsletter</h3> 
      <form class="soundest-subscribe" style="width: 100%;">
              <input type="text" class="soundest-subscribe-input" placeholder="Enter your email address" style="width: 100%; height: 34px; display: block; color: #a0a0a0; font-size: 14px; font-family: Times New Roman, ; padding: 6px; border: 1px solid #cfcfcf; outline-width: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;" /> 
    
    <input type="submit" value="SUBSCRIBE" style="width : 100%; height: 34px; display: block; color: #ffffff; font-size: 14px; font-weight: ;  font-family: Verdana, sans-serif; padding: 8px; margin-top: 5px; background-color: #a2a2a2; border-width: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline-width: 0px; cursor: pointer;"  />
        </form> 
    </div> 
</div>

1 个答案:

答案 0 :(得分:0)

<div class="span4"> 
  <div class="p30"> 

    <h3>Newsletter</h3> 
    <form class="soundest-subscribe" style="width: 100%;">
      <input type="text" class="soundest-subscribe-input" placeholder="Enter your email address" style="width: 100%; height: 34px; display: block; color: #a0a0a0; font-size: 14px; font-family: Times New Roman, ; padding: 6px; border: 1px solid #cfcfcf; outline-width: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;" /> 

      <input type="submit" value="SUBSCRIBE" style="width : 100%; height: 34px; display: block; color: #ffffff; font-size: 14px; font-weight: ;  font-family: Verdana, sans-serif; padding: 8px; margin-top: 5px; background-color: #a2a2a2; border-width: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline-width: 0px; cursor: pointer;"  />
    </form> 
  </div> 

请注意表单中的操作,然后点击按钮用户将导航到www.google.com。您可以将表单操作中提到的url替换为您自己的。