一、表单总结：
1、表示采集数据范围 <form action="" method=""></form>
注意：action 数据提交的地址
method 数据提交的方式：get和post
| get |
1、get方式提交的数据会出现在地址栏上方，安全性较低 2、get方法可能获取的数据是浏览器里的缓存信息 3、get方式提交数据有长度限制 |
| post |
2、<input type=“text” name="" value=”“ placeholder="">
解释：1.name 名称； value 初始值 ；placeholder 输入框里的提醒文本 ；
maxlength 输入框里字符个数的限制。
2.给ontion添加selected或者selectde="selected"可以使选项默认
（1）type类型
| 文件上传框 | file <input type="file"> |
| 文本输入框 | text <input type="text"> |
| 密码输入框 | password <input type="password"> |
| 单选框 | radio <input type="radio" name=”值一致“> |
| 复选框 | checkbox <input type="checkbox“> |
| 提交按钮 | submit <input type="submit" value="提交"> |
| 重置按钮 | reset <input type="reset" value="重置“> |
| 一般按钮 | button <input type="button" value="按钮“> |
| 图片按钮 | image <input type="image" src="图片路径“ alt=""> |
（2）.按钮
<button>按钮</button>
<button type="submit">提交按钮</button>
<button type="reset">重置按钮</button>
快记小技巧：1个上传框 2个输入框 2个选中框 4个按钮（1224）
二、元素分类
| 块元素 display:block |
<p></p><h1> <ul></ul> <ol></ol> <hr> <div></div> <form></form> |
| 行内元素 display：inline |
<span></span> <a href=""></a> |
| 行内块元素 display：inline-block | <img src="" alt=""> <iframe src=""></iframe> <input type=""> <textarea></textarea> <select></select> <button></button> |
300
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
