电子商务网站策划书2000字,wordpress能做app吗,手机网站建设价格表,网上如何建网站卖量具select元素创建一个列表框#xff0c;用户可以在列表框中选择列表项。列表框可以把一类性质相同的数据项以组的方式展现给用户#xff0c;用户在列表框中可以单选或多选列表框列出的数据项#xff0c;每条数据项称为列表项。 一方面列表框为用户输入数据提供了一种便捷方式用户可以在列表框中选择列表项。列表框可以把一类性质相同的数据项以组的方式展现给用户用户在列表框中可以单选或多选列表框列出的数据项每条数据项称为列表项。 一方面列表框为用户输入数据提供了一种便捷方式只要把已知的数据项列举出来用户在列表框中选择列表项就可以另一方面可以把需要搜集的数据规范化防止因用户输入数据的随意性而造成后端处理数据的混乱。例如在搜集用户个人信息时可能需要用户输入职业信息后端程序需要按照职业信息对用户进行职业分类。在这种情况下采用列表框元素就是比较好的获取用户数据的方式可以预先规划好职业信息把规划好的职业信息以列表框方式展现给用户用户只需要选择列表项就可以了无需让用户输入职业信息。 select元素使用select标签select标签有两个比较重要的属性。一个属性是multiplemultiple属性用于设置select列表项是否允许用户多选multiple属性值为true时用户可以选择多个列表项multiple属性值为false时用户只能选择一个列表项另外一个属性是sizesize属性用于设置select列表框可显示的列表项数目当列表项数目超过size时select列表框会自动创建纵向滚动条。 select列表框的列表项使用option标签option标签放置在select标签的起始标签和结束标签内每个option标签就是一个列表项。option标签的常用属性有value和selected。value属性存储该项的值后端程序通过value属性获取该项的值selected是个特殊属性只有属性名没有值option标签添加该属性后该项被默认选择。 下面的HTML文档展示了select元素的使用方法。 下图是浏览器的显示效果。从浏览器的显示效果可以看出当select属性multiple设置为true时用户可以选择多个列表项。选择多个列表项的方法因操作系统不同而有所差别对于Windows系统按住 Ctrl 按钮来选择多个列表项对于Mac系统按住 command 按钮来选择多个选项。当需要用户进行多选操作时需要告知用户多选选择的操作方式。 例1设计一个用户信息登记网页用户信息包括用户姓名、年龄、性别、邮箱、爱好(可多选)、职业、个人简介。 浏览器显示效果如下图所示。在上面的网页代码中当select标签没有设置multiple属性时默认是单选。在实际应用中如果需要用户多选建议使用检查框元素。 举报/反馈
