输入年龄范围超过和低于的最佳方式

Question

这是一个非常简单的问题，但我要画一个空白。

我需要在表单中添加年龄范围输入（如创建年龄范围的存储桶，以后可以在调查中选择）。

例如，输入可以是以下

50岁以下 50-55 55-59 60岁以上

让管理员这样的最佳方式是什么？ 50-55显然只是两个文本框。但他们如何进入50岁以下？我是否必须将它们留空第一个框并在第二个框中输入49？并且60岁以上输入60并将第二个文本框留空？必须有更好的方法。

Answer 1

如果只是一个下拉列表而不是两个文本框呢？

<select>
   <option>under 50</option>
   <option>50 to 60</option>
   <option>over 60</option>
</select>

Answer 2

你应该向用户提出一个选择，例如下拉列表：

          <select id="Select1">
                <option value="0">Under 50</option>
                <option value="1">50-55</option>
                <option value="2">55-59</option>
                <option value="3">60 and Over</option>

            </select>

Answer 3

我会像你建议的那样做：

• 定义每个存储桶的两个文本输入
• 留下第一个空白表示＆lt; =秒（他们也可以在第一个字段中输入0）
• 留下第二个空白装置＆gt;第一

您必须进行一些验证以确保范围不重叠。

另一种方法是只允许在一个文本字段中将边界值指定为逗号分隔列表：

即。 50,55,60将转换为4类：50或以下，51-55,56-60，超过60

我认为这种解决方案更优雅，但用户更难理解。