首页 > 代码库 > HTML5表单
HTML5表单
<!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="http://www.mamicode.com/老王"></option>
<option value="http://www.mamicode.com/小王"></option>
</DataList>
这样写是显示不出来的-->
<!--效果就是出现个文本框 文本框右边有个小箭头类似于下拉菜单内容为老王和小王可以选择，如果在文本框输入老就出现了老王供你选择-->
<input type="text" list="intput_list">
<datalist id="intput_list">
<option value="http://www.mamicode.com/老王"></option>
<option value="http://www.mamicode.com/小王"></option>
</datalist>
<!--加了aa那么下拉菜单老王小王后面靠右有aa-->
<input type="text" list="intput_list">
<datalist id="intput_list">
<option value="http://www.mamicode.com/老王">aa</option>
<option value="http://www.mamicode.com/小王">aa</option>
</datalist>
<!--缺点不能修改样式 所以很少用 移动端压根不用-->
HTML5表单