<!DOCTYPE html>
<!--en表示英文 zh-CN表示简体中文 zh-TW表示简体中文-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>应用程序标签</title>
<!-- <style>
.myStyle{
/* 取消默认样式在浏览器审查元素里获取的 */
/* 商业项目里用不到自己玩玩 */
-webkit-appearance:none;
/* 用伪对象 伪对象就是用::表示 建个类 开始设置样式 */
}
</style> -->
</head>
<body>
<!--DataList数据列表,直接打开是显示不了的，需要一个载体-->
<!--载体就是input-->
<!--<DataList>
<option value="老王"></option>
<option value="小王"></option>
</DataList>
这样写是显示不出来的-->
<!--效果就是出现个文本框 文本框右边有个小箭头类似于下拉菜单内容为老王和小王可以选择，如果在文本框输入老就出现了老王供你选择-->
<input type="text" list="intput_list">
<datalist id="intput_list">
<option value="老王"></option>
<option value="小王"></option>
</datalist>
<!--加了aa那么下拉菜单老王小王后面靠右有aa-->
<input type="text" list="intput_list">
<datalist id="intput_list">
<option value="老王">aa</option>
<option value="小王">aa</option>
</datalist>
<!--缺点不能修改样式 所以很少用 移动端压根不用-->
<label for="">
加密类型:<keygen name="aa">这个name一定要写是给服务端服务器打交道的
</label>
<label for="">
输出结果：<output>这是输出结果的表单元素</output>
</label>
<label>
度量器<meter>这是度量器标签</meter>
</label>