1.创建列表
对于包含许多选项的情况,您可以考虑列表,它也可以成为菜单。该列表可以包含任意多的选项,并且只占用表单中很少的空空间。
要创建列表,可以从双面标记开始。其中每个选择使用一个标记。当您想要显示列表中的文本时,请将其放在开始标记和结束标记之间。例如,您可能如下所示:
颜色:
红色
蓝色
格林(姓氏);绿色的
黄色
默认情况下,表单结果将返回选定的文本。如果要返回不同的内容,可以在开始选项标记中包含value属性。要以上面显示的格式显示列表,可以用标记括起一组选项。对于每个选项组,可以使用label属性定义头文件的文本。下面是上面显示的列表的代码:
选择您的打印机型号:
超级喷气机1400
超级喷气机1405
超级喷气机1405
超级激光超值版
超级激光专业版
超级激光加
2.HTML5中添加的输入类型HTML5提供了一些可以让表单更加美观的输入类型。如果用户的浏览器不支持这些类型,它们将显示为文本区域,因此您可以自由使用它们,而不必担心向上兼容性。
数字显示框用于增加数值:
前面的数字显示框是使用以下代码创建的。
Min和max分别控制最小值和最大值,step属性指定当用户每次单击向上或向下箭头按钮时,该值增加或减少。value属性定义默认值。
滑块是一个滑动条,可以从一边滑动到另一边。它的类型是range,它的属性和旋转盒几乎一样。
对于标准日期,请使用type = "date "。这允许用户从日历中选择指定的日期。您还可以使用以下任何类型来选择其他日期或与时间相关的选项。