突出顯示Web表單上必填字段的最佳方式是什麼？

我沒有發現經常使用的「*」是非常好看 - 任何人都可以提出一個更好看的方法或指向我的例子嗎？突出顯示Web表單上必填字段的最佳方式是什麼？

我試圖讓該字段以紅色突出顯示爲一個人的建議，但我不喜歡它的外觀。

大膽的標籤可能會訣竅。

但是，我真的很喜歡「必需」在字段中以灰色顯示的想法，直到文本被添加。有沒有人有這個代碼？

來源

2008-11-04 WPWoodJr

一般來說，最好的網絡形式是需要我的最簡單的人認爲是最。已發展的「標準」是必填字段旁邊帶有星號（*）。有時星號是紅色的以幫助它突出一點。

爲什麼要打標準？不要讓你的用戶想太多。遵循標準，讓您的創造力更重要。

來源

2008-11-04 19:27:23

add style =「border：thin red solid;」到元素

來源

2008-11-04 18:52:43

在大多數元素上都能正常工作，但不能很好地處理一組單選按鈕...或複選框（例如，我同意所需的垃圾郵件服務） – scunliffe 2008-11-04 19:27:04

我不確定顏色是否能正確傳達意圖。紅色感覺像錯誤信息太多，但這不是這樣的事情。也許一個綠色的邊框會鼓勵人們去「去」這些領域...... – 2008-11-04 20:08:23

呵呵，當我最後一次檢查時，Mozilla和IE之間的瘦身顯示非常不同 - 當然不是說你不想那樣。 – 2008-11-04 20:10:42

我通常不反對在字段名稱下方或輸入字段旁邊的較小字體中查看（需要）。

我還可以看到使用「文本框水印」來讓字段在其中顯示「必需」，直到它們將焦點帶到該字段並開始輸入。

來源

2008-11-04 18:52:53

是否有一種簡單的方法可以將一些灰色文本（如「必需」）添加到文本框中，該文本框在焦點上消失，還是需要javascript？ – WPWoodJr 2008-11-04 19:00:03

您可以使用樣式表完成它，但是一旦用戶單擊文本框字段，就需要一些JavaScript來交換樣式表。 – 2008-11-04 19:04:36

如果你要使用的顏色來突出現場，請記住，有些人是色盲（所以可能提供另一個指標太）

來源

2008-11-04 18:54:31 cagcowboy

我已經找到了答案上LukeW.com是最有用。因爲這裏沒有簡單的解決方案。這取決於所需字段的百分比，表單中有多少個字段以及您的標籤有多長。對於絕大多數的網絡，人們都明白需要大膽，並且正常體重是可選的（如果任何選項是粗體的話）。只有在表單驗證失敗後，我纔會向用戶顯示突出顯示的所需的跳過的輸入框。

來源

2008-11-04 19:00:11

如果您使用樣式表來格式化HTML，則可以爲.mandatory創建樣式。例如，將強制性輸入設置爲使用此樣式，然後您可以更輕鬆地進行操作，直到您擁有正確的顏色，邊框和其他樣式元素組合，以適合您的整體設計。

HTML

<input id="username" type="text" class="mandatory" />

CSS

.mandatory { 
    color: red; 
    font-size: 12pt; 
    font-weight: bold; 
    font-style: italic; 
}

我也用星號作爲一個「備份」中提到的OP。

-R

來源

2008-11-04 19:05:57 Huntrods

我會實現這個作爲一個類，而不是一個ID的具體實現，因爲通過ID你只能做1個強制性元素 – 2008-11-04 19:32:07

可能要檢查出www.PeterBlum.com - 他的專業評審包岩石用於驗證和控件格式。他有使用教程和大量的例子以及詳細的手冊。

來源

2008-11-04 19:19:06 silverbugg

我喜歡在ASP.NET AJAX控件工具包進行了ValidatorCallout control方式：

alt text http://i37.tinypic.com/264j7o5.png

來源

2008-11-04 19:22:53 splattne

有時候將字段標記爲必填項和可選項是非常合理的。但是，在你這樣做之前，你應該詢問是否可以向用戶詢問任何非強制性信息。這特別適用於註冊表格。

在註冊表格等，這是多更好地只問最小的信息。在註冊後，用戶可以隨意以單獨的表格填寫可選信息。

從表格中取出不必要的部分後，您可能會發現無需將字段標記爲必填字段;要麼一切都是強制性的，要麼對用戶來說顯而易見的是哪些字段是可選的，所以不需要提供關於它的視覺提示。

來源

2008-11-04 19:55:23 smt

突出顯示Web表單上必填字段的最佳方式是什麼？

回答

相關問題