HTML的select元素米粒教育

北京中科皮肤病医院 http://news.39.net/bjzkhbzy/210923/9478122.html

select元素创建一个列表框,用户可以在列表框中选择列表项。列表框可以把一类性质相同的数据项以组的方式展现给用户,用户在列表框中可以单选或多选列表框列出的数据项,每条数据项称为列表项。

一方面列表框为用户输入数据提供了一种便捷方式,只要把已知的数据项列举出来,用户在列表框中选择列表项就可以;另一方面可以把需要搜集的数据规范化,防止因用户输入数据的随意性而造成后端处理数据的混乱。例如,在搜集用户个人信息时,可能需要用户输入职业信息,后端程序需要按照职业信息对用户进行职业分类。在这种情况下,采用列表框元素就是比较好的获取用户数据的方式,可以预先规划好职业信息,把规划好的职业信息以列表框方式展现给用户,用户只需要选择列表项就可以了,无需让用户输入职业信息。

select元素使用select标签,select标签有两个比较重要的属性。一个属性是multiple,multiple属性用于设置select列表项是否允许用户多选,multiple属性值为true时,用户可以选择多个列表项,multiple属性值为false时,用户只能选择一个列表项,;另外一个属性是size,size属性用于设置select列表框可显示的列表项数目,当列表项数目超过size时,select列表框会自动创建纵向滚动条。

select列表框的列表项使用option标签,option标签放置在select标签的起始标签和结束标签内,每个option标签就是一个列表项。option标签的常用属性有value和selected。value属性存储该项的值,后端程序通过value属性获取该项的值;selected是个特殊属性,只有属性名没有值,option标签添加该属性后,该项被默认选择。

下面的HTML文档展示了select元素的使用方法。

下图是浏览器的显示效果。从浏览器的显示效果可以看出,当select属性multiple设置为true时,用户可以选择多个列表项。选择多个列表项的方法因操作系统不同而有所差别,对于Windows系统按住Ctrl按钮来选择多个列表项,对于Mac系统按住


转载请注明:http://www.aierlanlan.com/grrz/4054.html

  • 上一篇文章:
  •   
  • 下一篇文章: