>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26073 个阅读者 刷新本主题
 * 贴子主题:  HTML DOM Input Range 对象 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2019-08-18 13:58:38     消息  查看  搜索  好友  邮件  复制  引用

  

HTML DOM  Input Range 对象

Input Range 对象

      Input Range 对象是 HTML5 新增的。

      Input Range 对象表示使用 type="range" 属性的 HTML <input> 元素。

       注意: Internet Explorer 9及更早IE版本不支持使用 type="range" 属性的 HTML <input> 元素。.    

访问 Input Range 对象

   你可以使用 getElementById() 函数来访问使用 type="range" 属性的  <input> 元素:

           var x = document.getElementById("myRange");

   提示: 你同样可以通过表单的元素[/url]集合来访问 Input Range 对象。    

创建 Input Range 对象

     你可以使用 document.createElement() 方法来创建使用 type="range" 属性的 <input> 元素:

var x = document.createElement("INPUT");
x.setAttribute("type", "range");      

Input Range 对象属性


属性 描述
autocomplete 设置或返回滑块控件的 autocomplete 属性值
autofocus 设置或返回滑块控件在页面加载后是否自动获取焦点
defaultValue 设置或返回滑块控件默认的值
disabled 设置或返回滑块控件是否可用
form 返回使用滑块控件的表单引用
list 返回包含了滑块控件的 datalist 引用
max 设置或返回滑块控件的 max 属性值
min 设置或返回滑块控件的 min 属性值
name 设置或返回滑块控件的 name 属性值
step 设置或返回滑块控件的 step 属性值
type 返回滑块控件的表单类型
value 设置或返回滑块控件的 value 属性值

标准属性和事件

      Input Range 对象同样支持标准 属性和 事件。

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2020-02-15 10:16:09 重新编辑]
  Java面向对象编程-->图形用户界面(下)
  JavaWeb开发-->使用Session(Ⅱ)
  JSP与Hibernate开发-->通过JPA API检索数据
  Java网络编程-->创建非阻塞的HTTP服务器
  精通Spring-->
  Vue3开发-->CSS过渡和动画
  卫琴姐姐最新制作的Vue3视频教程,强烈推荐!!!
  Promise对象的then()和catch()方法
  Vue3.0里为什么要用 Proxy API 替代 defineProperty API ? ...
  Vue 项目从 Vue CLI 2 升级到 Vue CLI 4
  Vue 3新特性RFC-0026异步组件的全新API
  Velocity.js动画库的使用
  Vue watcher的高级用法
  vue中axios异步调用接口的坑
  js判断上传图片大小及尺寸
  Vue. 入门篇
  jQuery 获取并设置 CSS 类
  HTML DOM Script 对象
  响应式 Web 设计:网格视图
  JavaScript 正则表达式
  jQuery Mobile 方向改变事件
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。