中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

JavaScript 参考手册

  • JavaScript 和 HTML DOM 参考手册

    • JavaScript对象

    Browser对象

    DOM对象

    HTML DOM对象

    拓展阅读

  • onmouseleave 事件
  • onpaste 事件
  • onpageshow 事件
  • onpagehide 事件
  • ondurationchange 事件
  • onsuspend 事件
  • onprogress 事件
  • animationstart 事件
  • onseeked 事件
  • which 事件属性
  • metaKey 事件属性
  • onoffline 事件
  • button 事件属性
  • relatedTarget 事件属性
  • onshow 事件
  • clientX 事件属性
  • screenX 事件属性
  • ontoggle 事件
  • clientY 事件属性
  • bubbles 事件属性
  • ctrlKey 事件属性
  • shiftKey Event 属性
  • cancelable 事件属性
  • location 事件属性
  • currentTarget 事件属性
  • HTML DOM Body aLink 属性
  • key 事件属性
  • timeStamp 事件属性
  • HTML DOM Body bgColor 属性
  • HTML DOM Body link 属性
  • HTML DOM Body text 属性
  • HTML DOM Body vLink 属性
  • HTML DOM Fieldset disabled 属性
  • HTML DOM Fieldset form 属性
  • HTML DOM Fieldset name 属性
  • del cite 属性
  • HTML DOM Dialog open 属性
  • HTML DOM Frame/IFrame contentDocument 属性
  • HTML DOM Dialog close() 方法
  • HTML DOM Frame/IFrame frameBorder 属性
  • HTML DOM Dialog show() 方法
  • HTML DOM IFrame height 属性
  • HTML DOM Frame/IFrame longDesc 属性
  • HTML DOM Submit form 属性
  • HTML DOM Frame/IFrame marginHeight 属性
  • HTML DOM Input Number disabled 属性
  • HTML DOM Submit name 属性
  • HTML DOM Frame/IFrame marginWidth 属性
  • HTML DOM Input Number form 属性
  • HTML DOM Submit type 属性
  • HTML DOM Frame/IFrame name 属性
  • HTML DOM Password defaultValue 属性
  • HTML DOM Input Number placeholder 属性
  • HTML DOM Frame/IFrame src 属性
  • HTML DOM IFrame width 属性
  • HTML DOM Input Number type 属性
  • HTML DOM Script src 属性
  • HTML DOM Script defer 属性
  • HTML DOM Link hreflang 属性
  • HTML DOM Script src 属性
  • 引用 cite 属性
  • HTML DOM Select options 集合
    • ←上一篇： HTML DOM Input Number 对象

    HTML DOM Input Range 对象

    阅读 (2122)

    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"); 尝试一下

    提示： 你同样可以通过表单的元素集合来访问 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 对象同样支持标准 属性 和 事件。

    相关文章

    HTML 教程: HTML 表单

    HTML 参考手册: HTML <input> 标签

    HTML 参考手册: HTML <input> type 属性

    ←上一篇： HTML DOM Input Number 对象

    程序员人生，我编程，我富裕，记住wfuyu网，php教程，php学习，php手册，CMS模版制作

    声明：本站大部分内容是作者原创，少部分收集于互联网供大家一起学习，原版权很多不明，如有侵权请联系本站，谢谢！

    粤ICP备14040726号-1   2015-2020 程序员人生 版权所有

    平平安安 备案网站
    关闭
    程序员人生