>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 26072 个阅读者 刷新本主题
 * 贴子主题:  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开发-->访问数据库(Ⅱ)
  JSP与Hibernate开发-->域对象在持久化层的四种状态
  Java网络编程-->用Spring整合CXF发布Web服务
  精通Spring-->Vue指令
  Vue3开发-->绑定表单
  大部分人都会做错的经典JS闭包面试题
  JavaScript数组去重(12种方法)
  axios和vue-axios的关系
  css3中translate、transform和translation,以及动画animati...
  把99%的程序员烤得外焦里嫩的JavaScript面试题
  Node.js 实现远程桌面监控
  前端面试题及答案汇总
  vue 项目导出word格式文件
  Vue. 入门篇
  一看就懂得移动端rem布局、rem如何换算
  JavaScript的HTML DOM td / th 对象
  HTML 表格标签的用法
  JavaScript HTML DOM EventListener
  JavaScript HTML DOM 节点列表
  JavaScript 函数 的定义和使用
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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