讓用戶在表單中輸入年齡的最佳方式是什麼？

Question

而不是讓用戶在文本框內輸入他們的年齡（例如「27」），或者使用下拉列表選擇一個範圍爲15到99的數字，是否有更快的方式讓用戶選擇他們的年齡？

我偶然發現有一個向上/向下箭頭的示例代碼，讓用戶將數字向上/向下移動到正確的年齡。我似乎無法找到現在的頁面。

這是最好的方法嗎？如果是這樣，如果您知道示例代碼的位置，將會有所幫助！

謝謝。

Answer 1

這聽起來有點過頭，可能超過了設計。

<input type="text" name="age" maxlength="3"> 

這應該是足夠了。

如果您需要其他任何東西，確保提供的值爲正數，非零整數的關鍵偵聽器應該是您的UI增強的程度。

編輯：爲了解決意見，當然服務器端驗證是總是需要，無論客戶端的限制和驗證。由於在OP的範圍內不需要，我將它們排除在外。

Answer 2

與允許原始文本輸入數據相比，微調元件相當慢。我個人不能站在網站讓我通過下拉菜單選擇我的年齡。更糟糕的是，他們將它分爲月/日/年。

Answer 3

其他的選擇可能是要求出生日期，然後計算年齡。你有很多javascript樣本here

在其他情況下，最好的選擇是第二個，也許用戶一個spinner jQuery控制。