form表单

form知识点：

action接受的路径
methon提交传输方式 post get
input类型
通用类型
type：
text 输入框
passwold 密码
radio 单选按钮
checkbox 多选按钮
file 上传文件

按钮
button submit：<input type="submit">

不通用类型
下拉框select
<select name="" id="">
<option value="">请选择</option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
textarea 文本框
checked 默认先选中一个在页面显示

代码演示：

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 </head>
 7 <body>
 8     <form action="" method="post">
 9         账号：<input type="text">    <br>
10         密码：<input type="password"><br>
11         生日：<input type="date" name="bir"><br>
12         性别：<input type="radio" name="sex" checked value="man">男&nbsp;<input type="radio" name="sex" value="moman">女<br>
13         兴趣：<input type="checkbox" checked value="lq">篮球<input type="checkbox" value="zq">足球<input type="checkbox" value="pq">排球<br>
14         爱好：<input type="checkbox" checked value="ly">旅游<input type="checkbox" value="yy">游泳<input type="checkbox" value="ps">爬山<br>
15         民族<select name="minzu" >
16                 <option value="hanz">汉族</option>
17                 <option value="huiz">回族</option>
18                 <option value="zhuangz">壮族</option>
19                 <option value="manz">满族</option>
20         </select><br>
21         个人介绍
22         <textarea name="jieshao" id="" cols="30" rows="10"></textarea><br>
23         上传文件：<input type="file"><br>
24         <input type="reset"><br>
25         <button>提交</button><br>
26         <input type="submit" value="sub提交">
27     </form>
28 </body>
29 </html>



页面展示效果：