input range,output range

　　过了两天没有电脑电视手机的生活，习惯了嘈杂的节奏，再回到这么干净的环境，不亚于洗了一次澡，但同时又觉得有点害怕，好像又什么都做不了了。如果离开了这个文明社会，我甚至可以说连基本的生存能力都没有了。如果时光倒流，不知道还能活多久。

　　带着情绪，应该完成当前的工作，记录html5中输入的一个新属性，range。我发现这个属性在某网站的爽肤水里，感觉真的很直观很好看，就记录了下来：复制代码如下：

　　输入类型=范围最小值=0 最大值=255

　　输入类型=text id=show

　　显示效果如下：

　　这里我们看到了类型的两个属性，最小和最大，最小和最大允许范围。同时，我们可以设计该系列的样式，并将代码复制如下：

　　input type= range min= 0 max= 255 style= height:100px；宽度：400px背景：黄色；onchange=change() id=range

　　输入类型=text id=show

　　显示效果如下：

　　所以我们写一个js方法来改变数值。在碳粉里是这样应用的：(至于这个手机按键风格怎么变的，还不清楚。)复制代码，如下所示：

　　脚本类型=文本/javascript

　　函数变化(){

　　var num=document . getelementbyid( range )；

　　var location=document . getelementbyid( show )；

　　location . value=num . value；

　　}

　　/脚本

　　这样输入框中的值随着拖动位置的变化而变化，放置三个就可以生成颜色。这就是墨粉的原理。

　　还要注意范围的另外两个属性，默认值和步长的变化范围。

　　爽肤水看起来不错。我过会儿会看一看它。现在去睡觉吧。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。