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">男 <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>
页面展示效果: