hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

HTML5中的Datalist元素标签怎样用【html5教程】

2019-11-26HTML搜搜PHP网58°c
A+ A-
<datalist> 标签是 HTML 5 中的新标签,此元素在表单中用于从用户中吸收数据,它能够显现供用户挑选的选项。

引荐进修:《HTML5教程》

下面我们就经由过程细致的代码示例给人人引见。

<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
    <title>Datalist元素运用示例</title>
</head>
<body>
<input name="section" list="scripts" />
<datalist id="scripts">
    <option value="PHP" />
    <option value="JavaScript" />
    <option value="java" />
    <option value="Go" />
    <option value="python" />
    <option value="c++" />
</datalist>
</body>
</html>

结果如下图:

它具有自动完成功用,可协助用户在文本框中输入内容,与下拉列表框或单选按钮差别,用户能够编写任何文本而不限定由datalist给出的选项。Datalist经由过程输入元素列表属性绑定(或链接)。

注:

<datalist> 标签定义选项列表。与 input 元素合营运用该元素,来定义 input 能够的值。

datalist 及其选项不会被显现出来,它仅仅是正当的输入值列表。需运用 input 元素的 list 属性来绑定 datalist。

本篇文章就是关于HTML5中的Datalist元素的用法引见,简朴易懂,愿望对须要的朋侪有所协助!

以上就是HTML5中的Datalist元素标签怎样用的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
HTML5中的Datalist元素标签怎样用【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:
推荐阅读