码迷,mamicode.com
首页 > Web开发 > 详细

HTML5表单

时间:2017-06-13 17:09:03      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:移动   获取   默认   head   程序   项目   内容   value   商业   

<!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>
<!--缺点不能修改样式 所以很少用 移动端压根不用-->

HTML5表单

标签:移动   获取   默认   head   程序   项目   内容   value   商业   

原文地址:http://www.cnblogs.com/hello-web/p/7001183.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!