用於數字和特殊文本的HTML輸入 - 用戶友好

在我的html表單中，inputtag應該是一個數字（所以我指定數字類型），但是一些數字有特殊含義。像天輸入標籤期滿可以有任意天數，但如果用戶想要指定No Expiry我希望0爲輸入，從而傳達我顯示佔位符文本用於數字和特殊文本的HTML輸入 - 用戶友好

1, 2, 30, 0 (No Expiry) etc.

它似乎並不人性化的輸入可最初有一些數字，這隱藏了信息並可能使用戶感到困惑。

而且，我需要輸入一個號碼，但也允許用戶以下值：

Unlimited

我不希望用戶鍵入此。處理這個問題的最佳方法是什麼？

來源

2015-11-05 adnan kamili

這是不是一個真正的編程問題，但更多的是UX問題。 – thatidiotguy

@thatidiotguy我認爲程序員可能經常遇到這個問題。 –

我投票結束這個問題作爲題外話，因爲這個問題屬於用戶體驗堆棧交換，應該遷移到該交易所 – cjds

-1

如果您不必使用輸入標記，則聲音就像下拉菜單一樣。正如你所提到的，你不希望用戶輸入。因此，一個簡單的下拉會是這樣的：

<select> 
    <option value="0">No Expiry</option> 
    <option value="Unlimited">Unlimited</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <!-- more option --> 
    <option value="3">3</option> 
</select>

這裏你可以看到效果：https://jsfiddle.net/nx1Lt86g/

來源

2015-11-05 21:10:24 Dragonmon

我可以有任何號碼。 –

好吧，那聽起來像自動完成可能會有所幫助，這裏是jquery ui的一個例子：http://jqueryui.com/autocomplete/#combobox – Dragonmon

還有一些佔位符的幫助。 – Dragonmon

用於數字和特殊文本的HTML輸入 - 用戶友好

回答

相關問題