首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    DataList:HTML5中的input输入自动提示利器

    DataList的作用是在你往input输入里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索的自动提示,在飞机票火车票的搜索页面上也有这样的效果。...它是HTML5里新增的一个非常有用的元素。 DataList的表现很像是一个Select下拉列表,但它只是提示作用,并不限制用户在input输入里输入什么。...HTML5 Datalist的语法其实跟select下拉列表的语法几乎完全一样,非常的简单!...下面我们来看一个实际例子,在下面的输入里,任意输入几个字母,datalist就会提示给你包含这几个字符的英文国家名称。...非常的简单,以前这样的效果基本上只能用讲Javascript实现,需要你有相当的javascript基本功,而现在,感谢HTML5,只需要纯HTML就能达到这样的神奇效果。

    3.4K50

    Material Design — 提示( Dialogs)

    ---- 行为 提示的前身 提示是模态窗口的子类型,这里所涉及的示例用于标准材质的系统提示。...关闭提示 提示可以通过点击提示外部或点击系统后退按钮(在Android上)来关闭。 有时候,用户必须做出选择动作后才能关闭提示。...文案要换行时使用简单提示 ---- 确认提示(Confirmation dialogs) 确认提示要求用户在提交选项之前明确确认他们的选择。...左图为带选择控件的提示 避免使用提示启动提示 确认提示应避免启动其他简单提示或简单菜单,因为它们增加了页面复杂性并会增加了app的海拔。 如果需要完成任务,可以使用全屏提示。...全屏对话可实现复杂的布局,将多个材料堆积的情况简化(提示框上层的提示),并暂时将app可感知的海拔重置为更高。 全屏对话允许任务在复杂操作时开启简单菜单或简单提示

    5.1K101
    领券