而不是使用“选择”下拉菜单,我还可以/应该使用什么?

时间:2014-11-13 16:49:55

标签: html html5

在下图中,我有一个基本的客户数据库;每个客户端都有一堆属性,并且为了避免使每个客户端“容器”拉伸(例如:1000个属性看起来很有趣),我决定将它们的属性放在一个选择框中。

对我来说,它看起来很棒(还没有造型);但是,使用选择框只是为了隐藏我正在做的信息是否合适?选择一个项目(属性/地址)并不意味着做任何事情。

谢谢!

http://i.imgur.com/SgvL7Ab.png

Select box example

更新:

已经有一段时间了,但我决定使用html5'详情'标签,它看起来很棒;但是,它显然有其浏览器限制。我在几页上使用它,但以下是它的外观的基本示例:

Using the Details tag

2 个答案:

答案 0 :(得分:0)

您可以创建一个具有显式高度和溢出的div:滚动设置

<style>
    .properties {
        display:inline-block;
        height:100px;
        overflow:scroll;
        width:300px;
        // etc

    }
</style>


<div class="properties">

</div>

但老实说,利用这样的默认浏览器功能没有任何问题,除非它创造了一种反直觉的用户体验。我认为这可能是现在的边缘,但你比我更了解你的产品,所以决定最终归结为你认为适合你的用户

答案 1 :(得分:0)

老实说,尽管用户可能会有一些误解,但你所做的一切都很好。许多人将下拉与改变价值联系在一起。

我可能宁愿使用JS警告框,如下所示:

<button onclick='javascript: alert("Phone: (123) 456-78910\nEmail: Someone@anemailprovider.com\nAddress: 1234 NW 465th Lane, St. Louis, Mo 123456")'>Click here for more information about me.</button>

唯一的缺点是你不能改变盒子的风格。不过你可以设置按钮的样式。

希望这有帮助!