|
|
@@ -0,0 +1,49 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <!-- 表单 -->
|
|
|
+ <form action="">
|
|
|
+ <!-- 文本框 -->
|
|
|
+ <input type="text">
|
|
|
+ <!-- 密码框 -->
|
|
|
+ <input type="password">
|
|
|
+ <br>
|
|
|
+ <!-- 单选框 性别 单选框需要把一组起一个相同的name属性-->
|
|
|
+ <input type="radio" name="sex">男
|
|
|
+ <input type="radio" name="sex">女<br>
|
|
|
+
|
|
|
+ <!-- 复选框 checkbox 复选框一组起一个相同的name属性-->
|
|
|
+ 爱好：
|
|
|
+ <input type="checkbox">打篮球
|
|
|
+ <input type="checkbox">吃饭
|
|
|
+ <input type="checkbox">睡觉
|
|
|
+ <br>
|
|
|
+ 学校：
|
|
|
+ <!-- 下拉框 -->
|
|
|
+ <select >
|
|
|
+ <option value="">黑大</option>
|
|
|
+ <option value="">理工</option>
|
|
|
+ <option value="">xxx</option>
|
|
|
+ </select>
|
|
|
+
|
|
|
+ <!-- 文本域 -->
|
|
|
+ <textarea ></textarea>
|
|
|
+ <!--按钮 -->
|
|
|
+ <!-- submit提交按钮 点击会提交表单-->
|
|
|
+ <input type="submit">
|
|
|
+ <input type="button" value="click">
|
|
|
+ <!-- <button>click</button> -->
|
|
|
+ <input type="reset">
|
|
|
+
|
|
|
+ </form>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
dongxiuling