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

最新推荐文章于 2024-10-15 15:24:49 发布

Mrs索莱尔

最新推荐文章于 2024-10-15 15:24:49 发布

阅读量328

点赞数

分类专栏： HTML5 文章标签： html5

本文链接：https://blog.csdn.net/qq_29895699/article/details/51576548

版权

HTML5 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

表单元素

- 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" οnchange="showResult.value = value"/>
<output id="showResult"></output>   <!--range进度条上的值在output里输出-->
</body>
</html></span></span>

range元素的显示效果