HTML DOM Input Range对象
HTML DOM输入范围对象与具有类型“range”的元素相关联。我们可以使用createElement()和getElementById()方法分别创建和访问类型为range的输入元素。
属性
以下是Input范围对象的属性:
序号 | 属性和描述 |
---|---|
1 |
autocomplete 设置或返回范围控件的自动完成属性值。 |
2 |
autofocus 设置或返回页面加载时范围滑块控件是否自动获取焦点。 |
3 |
defaultValue 设置或返回范围滑块控件的默认值。 |
4 |
disabled 设置或返回滑块控件是否已禁用。 |
5 |
form 返回包含滑块控件的表单的引用。 |
6 |
List 返回包含滑块控件的数据列表的引用。 |
7 |
Max 设置或返回滑块控件的最大属性值。 |
8 |
Min 设置或返回滑块控件的最小属性值。 |
9 |
Name 设置或返回滑块控件的名称属性值。 |
10 |
Step 设置或返回滑块控件的步长属性值。 |
11 |
Type 返回滑块控件的表单元素类型。 |
12 |
value 设置或返回滑块控件的值属性值。 |
方法
以下是密码对象的方法:
序号 | 方法和描述 |
---|---|
1 |
stepDown() 按给定的数字递减滑块控件的值。 |
2 |
stepUp() 按给定的数字递增滑块控件的值。 |
示例
让我们看一个Input范围对象的示例:
演示
<!DOCTYPE html> <html> <head> <script> function rangeCreate() { var R = document.createElement("INPUT"); R.setAttribute("type", "range"); document.body.appendChild(R); } </script> </head> <body> <h1>Input range object</h1> <p>Create an input field with type range by clicking the below button</p> <button onclick="rangeCreate()">CREATE</button> <br><br> VOLUME: </body> </html>
输出
这将产生以下输出 −
点击CREATE按钮 −
在上面的例子中 −
我们创建了一个名为CREATE的按钮,当用户点击时将执行rangeCreate()方法 −
<button onclick="rangeCreate()">CREATE</button>
rangeCreate() 方法使用文档对象的 createElement() 方法通过传递“INPUT”作为参数来创建 元素。新创建的输入元素被分配给变量 R,并使用 setAttribute() 方法创建一个具有值范围的类型属性。
记住,setAttribute() 创建属性,然后在属性不存在时分配值。以前不存在。最后,在文档主体上使用appendChild()方法,我们将类型范围的输入元素附加为主体的子元素 -
function createPASS() { var R = document.createElement("INPUT"); R.setAttribute("type", "range"); document.body.appendChild(R); }
以上是HTML DOM Input Range对象的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

网页批注功能的Y轴位置自适应算法本文将探讨如何实现类似Word文档的批注功能,特别是如何处理批注之间的间�...

实现图片点击后周围图片散开并放大效果许多网页设计中,需要实现一种交互效果:点击某张图片,使其周围的...

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。
