Question

我正在尝试制作一个包含几个游戏的搜索栏。现在代码如下：

        <asp:DropDownList ID="DropDownList1" runat="server" Height="25px">
            <asp:ListItem>Database</asp:ListItem>
            <asp:ListItem>Engine</asp:ListItem>
            <asp:ListItem>Pool</asp:ListItem>
        </asp:DropDownList>
        <asp:Button ID="Button1" runat="server" Text="Button" Height="25px" />
        <asp:TextBox ID="TextBox1" runat="server" Height="25px"></asp:TextBox>
        <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>

现在它看起来像废话并且根本没有流动，我想知道如何制作一个具有所有必需领域的更好的视觉搜索栏。感谢。

示例：digg.com在搜索栏中有图像。

编辑：基本上我想编码此图片：http://o.imm.io/qlQ.png

Answer 1

我学到的最重要的一课是，如果你有少量的空间，用户必须选择的一些选项（并理解）不使用标准的HTML控件。设计一个与使用恼人的HTML元素相对立的真正解决方案。

构建搜索区域的一个主要问题是下拉列表不是非常样式化的。尝试构建他们可以选择的选项。您只有三个选项可以从radiobutton列表中选择，因为用户会看到所有选项，因此效果会更好。然后，您可以将过滤器应用到列表中，并使其成为基于图像的切换选项列表。

请参阅此处的第一个示例以获取其他选项（按需接口元素）： http://www.smashingmagazine.com/2009/01/12/10-useful-web-application-interface-techniques/

alt text http://media.smashingmagazine.com/cdn_smash/images/web-applications-interface-techniques/kontain_search.png

制作视觉流畅的搜索栏，ASP.NET C＃

1 个答案: