|
|
@@ -0,0 +1,70 @@
|
|
|
+<!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>
|
