您的位置：首页 > Web前端 > HTML5

HTML5入门----表单元素（1）

2016-06-03 09:43 447 查看
表单元素

   - Tel    （电话）

   - Email     （接收的邮箱）

   - url     （输入的网页）

   - Search     （网站的输入框）

   - Range     （进度条）

   - number      （接收数值的字段）

注意：浏览器对HTML5的支持不一样，HTML5元素可以在手机上呈现

range元素

<span style="font-size:18px;"><span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单</title>
</head>

<body>
<label>年龄：</label>
<input type="range" min="0" max="100" value="0" onchange="showResult.value = value"/>
<output id="showResult"></output>   <!--range进度条上的值在output里输出-->
</body>
</html></span></span>
range元素的显示效果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5
相关文章推荐
新的分享
章节导航