lovecoding
/
web0715


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <input type="text">
    <input type="password">
    <input type="button" value="提交">
    <button>按钮</button>
    <input type="checkbox" name="hobby">
    <input type="checkbox" name="hobby">
    <input type="checkbox" name="hobby">

    <input type="radio" name="sex" >男
    <input type="radio" name="sex" >女

    <select name="" id="">
        <option value="">黑大</option>
        <option value="">农大</option>
        <option value="">理工</option>
    </select> -->

    <form action="xxx.php">
        <input type="text" name="username" autofocus placeholder="请输入用户名">
        <input type="date" name="" id="dateval">
        <input type="color" name="" id="coloval">
        <input type="range" max="100" min="0" step="10" name="" id="rangeval">
        <input type="email" name="" id="">
        <input type="url" name="" id="">
        <button type="submit">提交</button>
        <button type="button" onclick="foo()" id="btn">按钮</button>
        <select name="" id="">
            <option value="">黑大</option>
            <option value="">农大</option>
            <option value="">理工</option>
        </select>
        <input list="test">
        <datalist id="test">
            <option value="黑大">黑大</option>
            <option value="理工">理工</option>
            <option value="黑工程">黑工程</option>
        </datalist>
        
    </form>

    <form action="" oninput="x.value = a.value + b.value">
        <input type="number" min="10" max="20" step="2" name="" id="">
        <input type="text" id="a">
        <input type="text" id="b">
        <output name="x" for="a b"></output>
    </form>
    <script>
        // var oBtn = document.getElementById("btn");
        var oDate = document.getElementById("dateval");
        var oColor = document.getElementById("coloval");
        var oRange = document.getElementById("rangeval")
        // oBtn.onclick =function(){

        //     console.log(oDate.value)
        // }
        function foo(){
            console.log(oRange.value)
        }
    </script>

</body>
</html>