首页 > 其他分享 >HTML5中datalist的用法

HTML5中datalist的用法

时间:2022-08-17 11:46:25浏览次数:73  
标签:选项 控件 datalist 用法 HTML5 备选

<datalist> 控件可以为输入框提供一些备选选项,当用户输入的内容与备选选项文字相同时,将会显示智能感应

注: 此时的option为单标签

<input type='text' list='province-list'>

<datalist id='province-list'>

  <option value='山东'>

  <option value='山西'>

  <option value='广东'>

  <option value='广西'>

  <option value='河南'>

  <option value='河北'>

</datalist>

标签:选项,控件,datalist,用法,HTML5,备选
From: https://www.cnblogs.com/miximixi/p/16594534.html

相关文章

  • 树基本概念及用法
    1.树的基础知识概述树状图是一种数据结构,它是由n(n>=1)个有限结点组成一个具有层次关系的集合。把它叫做“树”是因为它看起来像一棵倒挂的树,也就是说它是根朝上,而叶朝下的......
  • readme 用法相关详细文档
    https://docs.github.com/cn/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax基本撰写和......
  • django admin用法
    目录djangoadmin用法基本使用给几个字段加标题添加关联的对象自定义后台展示列表字段过滤功能搜索功能djangoadmin用法基本使用fromdjango.contribimportadminfro......
  • HTML4与HTML5中label标签的不同用法
    label标签:用来将文字和单选或者多选按钮进行绑定。 html4中label标签需要通过for和id配合使用:<inputtype='radio'id='nan'/><labelfor='nan'>男</label> html......
  • Vue组件的继承用法
    Vue组件的继承用法点击打开视频讲解vue组件的继承适用于UI几乎一样,只是数据不一样的情况下,但是这种情况通过统一封装组件也是能实现的,小功能建议用封装,大功能建议用组件......
  • Let's Go系列---channel的用法及原理
    基本语法创建channelch1:=make(chanstruct{})ch2:=make(chanint,10)读写channel从channel中读取数据叫做recv;向channel写数据叫做send。//发送数据到channel......
  • SpringMvc_04转发重定向用法
    1、暂时关闭视图解析器  2、使用简单的使用转发和重定向的功能  ......
  • 前端 | HTML5基础知识
    1HTML定义HTML(英文HyperTextMarkupLanguage的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。<strong>加粗字体</s......
  • python-map()函数基本用法
    最近经常遇到一个问题:输入端在同一行输入两个整型数字,并用空格间隔,问如何方便快捷的将这两个变量分别赋予给x1,x2?新手小白,由于不知道map()函数的用法,便想要用仅有的知识去解......
  • git stash 简单用法
    做项目时,自己本地内容开发还没完成(还没有提交比本地,没有commit),又接到新的紧急bug修复可以用gitstash保存自己修改的内容修复bug提交线上再用gitstashpop还原本地......