文章目录
- 学习总结
- input
- 1.text 文本框
- 2.password 密码框
- 3.button 按钮
- 4.file 文件
- 还可定义上传类型
- 5.日期
- 6.radio 单选框
- 7. checkbox 复选框
- 项目总结
- 生活总结
学习总结
input
本次写项目时才发现,input有很多种用法,这里列举几种
1.text 文本框
不输入type值默认值为text
html"><input type="text" />
<input />
2.password 密码框
密码框,输入内容不可见,常用于登录注册界面输入密码时
html"><input type="password" />
3.button 按钮
显示在页面中是一个按钮
html"><input type="button" value="我是按钮" />
4.file 文件
常用在上传文件,图片视频
html"><input type="file" />
还可定义上传类型
这里列举几种常用的
1)上传图片类型
html"><!--只允许图片类型文件-->
<input type="file" name="Files" accept="image/*" />
还可限制单一照片类型
html"><!--只允许jpg类型的图片文件-->
<input type="file" name="Files" accept="image/jpeg" />
<input type="file" name="Files" accept="image/png" />
2)上传视频
html"><!--只允许视频类型文件-->
<input type="file" name="Files" accept="video/*" />
总之,限制上传文件的类型修改input的accept属性来进行限制
注:该限制不能判断选择文件后改类型的文件;例:将jpg更改为png
5.日期
html"><!--选择时间点-->
<input type="time" />
<!--具体到天数-->
<input type="date" />
<!--具体到周-->
<input type="week" />
<!--具体到月份-->
<input type="month" />
还可具体的选择时间点
html"><input type="datetime-local" />
6.radio 单选框
html"><input type="radio" name="man" id="man" value="man"/><label for="man">男</label>
<input type="radio" name="man" id="women" value="woman"/><label for="woman">女</label>
7. checkbox 复选框
html"><input type="checkbox" name="interest" value="run" id="run" /><label for="run">跑步</label>
<input type="checkbox" name="interest" value="guitar" id="guitar" /><label for="guitar">吉他</label>
<input type="checkbox" name="interest" value="yoga" id="yoga" /><label for="yoga">瑜伽</label>
<input type="checkbox" name="interest" value="read" id="read" /><label for="read">阅读</label>
以上列举了几个常用的input框,还有许多用法这里就不一一列举。
项目总结
目前为止项目已经过去了一 半时间,但是html" title=前端>前端的静态页面还未写完,后端也进度较慢,登录注册交互完成,学长学姐说两周应该完成静态页面,现在我们还剩不少,三周应该交互完成,目前我们还差的很远,昨天汇报完,头脑风暴听学长学姐说完,还是感觉很有压力的,现在真的得抓紧点进度了,身为组长也得催促一下,多问问组员,组内的交流讨论还是很及时的,后半段依旧,开始写项目了才懂学长学姐说的得多跟后端交流,交流之后才发现前后端的很多部分都差距很大,收获也挺多的。总之,之后两周努力赶,努力熬吧。
生活总结
昨天参加了蓝桥杯,拿到了传说中300米的难吃午餐,卤蛋还不错
最近的杨絮真的好多,杨絮中夹杂着空气