改變輸入型

我現在有一個按鍵式的輸入，但我想改變按鈕的外觀給我的網頁按鈕，其餘的匹配，但我有問題：改變輸入型

此輸入如同它應該，但不顯示我想讓它顯示該按鈕的圖像：

<input type="button" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack()"/>

這顯示圖像，但不起作用像它應該 - 它不執行JavaScript：

<input type="image" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack()"/>

任何幫助將是巨大的

2012-07-11 Masriyah

我從來沒有見過這種語法之前<％使用：什麼版本做了他們推出的是最後我知道我們可以使用這種方式<％@ – HatSoft 2012-07-11 20:07:18

@HatSoft：他使用的視圖引擎的depracated版本。你絕對想在大多數用例中使用'@'符號。 '<：Url.Content ...'與'@ Url.Content ...'相同。 – 2012-07-11 20:08:17

@SergioTapia謝謝你，現在它有道理，爲什麼我不知道這種語法風格 – HatSoft 2012-07-11 20:09:17

帶有圖像類型的輸入提交表單。把一個「返回假」;在onclick結束時，它應該阻止表單的提交。

<input type="image" src="<%:Url.Content("~/Content/images/newCancel.png")%>" onclick="goBack(); return false;"/>

或者，您可以創建圖像並直接將事件添加到圖像。

<img src="<%:Url.Content("...")%>" onclick="goBack();" />

2012-07-11 20:04:52

在我看來，在事件處理程序中設置太多的JavaScript是一種代碼味道。 – 2012-07-11 20:13:06

如何在goback（）的末尾添加返回值，然後使用onclick =「return goBack（）;」？我同意你的前提，但我幾乎認爲「回報錯誤」比任何一個onclick事件都差...... – 2012-07-11 20:16:23

感謝第一個樣品，效果很好！ – Masriyah 2012-07-11 20:34:49

試着這麼做：

<input type="button" onclick="goBack()"/>

而且使用CSS：

input[type='button'] { 
    background: url('../Content/images/newCancel.png') no-repeat; 
}

如果您想使用嵌入式樣式或內聯樣式，你可以有機會獲得@Url.Content()方法，但我建議反對它。

2012-07-11 20:04:26

回答