|
|
@@ -0,0 +1,72 @@
|
|
|
+<!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>
|
|
|
+ <!--
|
|
|
+ 表单标签：form
|
|
|
+ 属性：action 将表单上的内容提交到服务端上
|
|
|
+ label 表单提示信息
|
|
|
+ placeholder 提示信息
|
|
|
+ input: 行内块元素
|
|
|
+ 属性：
|
|
|
+ 值： value
|
|
|
+ 分类：type
|
|
|
+ text 输入框
|
|
|
+ password 密码
|
|
|
+ submit 提交按钮
|
|
|
+ reset 重置按钮
|
|
|
+ button 按钮 可搭配value属性使用
|
|
|
+ radio 单选 设置相同的name属性
|
|
|
+ checkbox 多选
|
|
|
+ disabled 禁止选择
|
|
|
+ checked 默认选择
|
|
|
+ 下拉框：
|
|
|
+ select与option组成
|
|
|
+ value 值
|
|
|
+ disabled 禁止选择
|
|
|
+ selected 默认选择
|
|
|
+ 文本域：
|
|
|
+ textarea
|
|
|
+ value 值
|
|
|
+ cols 列
|
|
|
+ rows 行
|
|
|
+ -->
|
|
|
+ <form action="">
|
|
|
+ <!-- <input style="width: 300px;height: 300px;" type="text"> -->
|
|
|
+ <label>用户名:</label><input type="text" placeholder="nih ">
|
|
|
+ <br>
|
|
|
+ <label>密码:</label><input type="text">
|
|
|
+ <br>
|
|
|
+ <input type="password">
|
|
|
+ <br>
|
|
|
+ <input type="submit">
|
|
|
+ <br>
|
|
|
+ <input type="reset">
|
|
|
+ <br>
|
|
|
+ <input type="button" value="自定义">
|
|
|
+ <br>
|
|
|
+ <input type="radio" name="sex">男
|
|
|
+ <input type="radio" name="sex">女
|
|
|
+ <br>
|
|
|
+ <input type="checkbox">足球
|
|
|
+ <input type="checkbox" disabled>台球
|
|
|
+ <input type="checkbox">羽毛球
|
|
|
+ <input type="checkbox" checked>网球
|
|
|
+ <input type="checkbox">蓝球
|
|
|
+ <input type="checkbox">乒乓球
|
|
|
+ <br>
|
|
|
+ <select>
|
|
|
+ <option value="1">小学</option>
|
|
|
+ <option value="2" disabled>初中</option>
|
|
|
+ <option value="3" selected>高中</option>
|
|
|
+ <option value="4">大学</option>
|
|
|
+ </select>
|
|
|
+ <br>
|
|
|
+ <textarea value="" placeholder="请输入一段自我介绍" cols="30" rows="30"></textarea>
|
|
|
+ </form>
|
|
|
+</body>
|
|
|
+</html>
|
e