2012-06-22 61 views
2
<a id="submit_signup" class="submit-button button-link" href=""> 
    <div class="button-container"> 
     <div class="button-left"></div> 
     <div class="button-content">Log in</div> 
     <div class="button-right"></div> 
    </div> 
</a> 

我不知道如何使一個有效的提交按鈕..我有一種形式,它不重定向到我的行動!順便說一下,模板是我在互聯網上找到的模板,我試圖去適應它。我想要一個提交按鈕,但外觀相同,使用相同的div ..如何使這個提交按鈕?

你們任何專業人員都知道嗎?我是10,我覺得我很爲這個:)

整個窗體:

​​
+1

請發表您的表格代碼以及 –

回答

1

使用<input type="submit" value="Log in" />,和風格它的CSS。

如果您想使用<a>元素,則需要添加一些JavaScript。這與jQuery相當簡單,但依靠JavaScript來完成這麼簡單的事情毫無意義。

3

我包了整個事情的<button>標籤,應該這樣做。順便說一句,有利於你早日進入網絡開發。

編輯: @Gareth是正確的:轉換並保留屬性。

+0

..當我這樣做時,我得到了「真正的按鈕」,並在它下面,標準的白色按鈕。有點奇怪.. – Denis

+0

你可以把它放在jsfiddle嗎? – HaloWebMaster

0

必須使用標籤,並確定行動和..這裏

<form action="target_page"> 
    ... 
    <input type="submit" value="submit" /> 
</form> 
+0

這裏的想法是他想保持相同的HTML結構。該解決方案引入了新的輸入標籤。 – Zorayr

1

通過<input type=submit value="Log in"><button type=submit>Log in</button>更換這一切。

您在某處找到的代碼使用棘手的標記來創建類似按鈕的東西,大概是使用帶有CSS的背景以及不包含在您包含的代碼片段中的各種代碼(包括使其功能模擬提交按鈕的代碼) 。