1.应用程序标签DataList, Progress, Meter, Menu, Details

闲云居

于 2017-02-16 11:09:28 发布

阅读量383

点赞数

分类专栏： html5

本文链接：https://blog.youkuaiyun.com/wangguangzme/article/details/55252408

版权

html5 专栏收录该内容

1 篇文章

订阅专栏

本文展示了两个实用的HTML元素示例——DataList和Progress。DataList元素用于提供输入建议，通过<datalist>和<option>标签实现下拉列表效果；Progress元素用于展示任务进度，通过设置value和max属性来定义当前进度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.DataList

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>数据列表</title>
</head>
<body>
	<input type="text" list="input_list">
	<datalist id='input_list'>
		<option value="aaa"></option>
		<option value="bbb"></option>
	</datalist>	
</body>
</html>

二.Progress

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>进度条</title>
</head>
<body>
	<progress value="50" max="100"></progress>
</body>
</html>