提交按鈕的最佳做法

我希望對您認爲編碼表單提交按鈕的最佳做法有一些看法。我正在建立一個新網站，並正在考慮改變。下面是我所看到的選項：提交按鈕的最佳做法

input type="submit"與背景圖像和CSS隱藏文本值 - 這就是我目前使用。
input type="image"與src="source.jpg" - 我明白，我不需要再隱藏價值的文字，但我一直喜歡有圖像在CSS一箇中心位置，所以如果我需要改變它，我可以做很容易。但是，由於搜索引擎優化的原因，我試圖避免隱藏文字。我實際上從來沒有用過這個，但是w3說：「如果你在HTML表單中使用元素，不同的瀏覽器可能會提交不同的值，用來在HTML表單中創建按鈕。 - 你爲什麼要用這個？

任何想法讚賞:)

2012-10-17 zenkaty

尤其是當不指定背景下，標準和具體要求問的問題是，非建設性的。還有一些奇怪的假設，比如SEO中按鈕文本的相關性，以及對「w3」的引用，並且引用了w3schools風格。 –

這是爲了在聯繫表格或幫助請求表單上提交按鈕。重新搜索引擎優化，我沒有說按鈕文本是相關的，我說我試圖避免用CSS隱藏文本，谷歌已經說過他們不喜歡。道歉，「w3」我的意思是「w3schools」。 – zenkaty

就個人而言，我認爲這是最好保持控制自然。它允許瀏覽器/操作系統確定它們的外觀，典型結果是用戶更熟悉他們已知的控件。

所以，我用<input type="submit"/>一個提交按鈕，0獲得一個圖像上點擊的座標（對於我的比賽非常有用，你可以在地圖上點擊前往），以及<button>爲AREN JavaScript的供電按鈕與表單本身無關（如預覽按鈕）。這完全是爲了這份工作使用正確的工具，並且讓用戶熟悉這些東西。

來源

2012-10-17 04:34:04

不幸的是，對於我來說（不管怎麼說，在我現在使用的任何網站上），離開提交按鈕是自然的，他們需要風格化。感謝您的意見，但！有意義:) – zenkaty

轉到與默認

<input type="submit" value="mysubmit" class="button" /> 
input.button { 
    background-image: url(/images/buttons/add.png); /* 16px x 16px */ 
    background-color: transparent; 
    background-repeat: no-repeat; 
    border: none; 
    cursor: pointer;  /* make the cursor like hovering over an <a> element */ 
    height: 16px; 
    padding-left: 16px;  /* make text start to the right of the image */ 
    vertical-align: middle; /* align the text vertically centered */ 
}

來源

2012-10-17 04:40:05 Rab

你沒有價值？ – zenkaty

你能告訴我爲什麼你使用type = submit而不是type = image？ – zenkaty

提交按鈕的最佳做法

回答

相關問題