input中range相关操作

利用mousover触发函数对range的操作练习



<html>

    <head>

        <meta charset="utf-8" />

        <title>range测试title>

        <script type="text/javascript">

            function myfunction(){

                var x=document.getElementById("rang").value;

                document.getElementById("text").value=x;

            }

            function myfunction2(){

                var x=document.getElementById("text2").value;

                document.getElementById("rang2").value=x;

            }

        script>

    head>

    <body> 

              

              <p>滑动range获得标值p>

        <input type="text" id="text"/><br/>

        <input type="range" id="rang" onmousemove="myfunction()"/><br/><br/><br/><br/><br/>



                

                <p>输入数字控制range值p>

        <input type="text" id="text2" onmousemove="myfunction2()" placeholder="请输入0-100之间的数"/><br/>

        <input type="range" id="rang2" />

    body>

html>

你可能感兴趣的:(html/css)