08 H5新增input元素

最新推荐文章于 2022-07-08 19:25:26 发布

A458545418

最新推荐文章于 2022-07-08 19:25:26 发布

阅读量109

点赞数

文章标签：移动开发

原文链接：http://www.cnblogs.com/1020182600HENG/p/7076970.html

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5</title>   
</head>
<body>
	在android和ios中尤其能体现这些输入控件的特点，会自动切换到不同的虚拟键盘！
    <hr>
<form>
	查询文本框
	<input type="search" placeholder="请输入查询关键字" autofocus>
    <hr>
    列表提示
	<input type="text"  list="searchlist">
    <datalist id="searchlist">
    	<option value="beijing" label="北京" />
    	<option value="shanghai" label="上海" />
        <option value="nanjing" label="南京" />               
        <option value="nanchang" label="南昌"/>
 	</datalist>
    <hr>
	数字文本框
	<input type="number" max="9" min="0" step="1"/>
    <hr>
	滑动条
	<input type="range" max="9" min="0" step="1" value="2">
    <hr>
	颜色文本框
	<input type="color" value="#ff00ff"/>
    <hr>
	电话文本框
    <input type="tel">
    <hr>
    网址输入
    <input type="url">
    <hr>
    邮箱地址
    <input type="email">
    <hr>
    日期选择
    <input type="date" max="2012-10-10" min="2001-01-01"  value="2011-01-01" />
	<hr>
    时间选择
    <input type="time" max="18:39:57" min="17:49:57"  value="17:49:58" />
    <hr>
    UTC日期时间
    <input type="datetime" />
	<hr>
    本地日期时间
    <input type="datetime-local" />
	<hr/>
	<input type="submit" value="submit"/>
	<p>H5中新增的input元素只有在点击提交按钮时，才有效果</p>
</form>	
</body>
</html>

转载于:https://www.cnblogs.com/1020182600HENG/p/7076970.html

A458545418

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
08 H5新增input元素

<!doctype html><html><head><meta charset="utf-8"><title>HTML5</title> </head><body> 在android和ios中尤其能体现这些输入控件的特点，会自动切换到不同的虚拟键盘！ ...
复制链接

扫一扫