项目之旅（前两周）

文章目录

学习总结
- input
- - 1.text 文本框
  - 2.password 密码框
  - 3.button 按钮
  - 4.file 文件
  - - 还可定义上传类型
  - 5.日期
  - 6.radio 单选框
  - 7. checkbox 复选框
项目总结
生活总结

学习总结

input

本次写项目时才发现，input有很多种用法，这里列举几种

1.text 文本框

不输入type值默认值为text

<input type="text" />
<input />

2.password 密码框

密码框，输入内容不可见，常用于登录注册界面输入密码时

<input type="password" />

3.button 按钮

显示在页面中是一个按钮

<input type="button" value="我是按钮" />

4.file 文件

常用在上传文件，图片视频

<input type="file" />

还可定义上传类型

这里列举几种常用的
1）上传图片类型

<!--只允许图片类型文件-->
<input type="file" name="Files" accept="image/*" />

还可限制单一照片类型

<!--只允许jpg类型的图片文件-->
<input type="file" name="Files" accept="image/jpeg" />
<input type="file" name="Files" accept="image/png" />

2）上传视频

<!--只允许视频类型文件-->
<input type="file" name="Files" accept="video/*" />

总之，限制上传文件的类型修改input的accept属性来进行限制
注：该限制不能判断选择文件后改类型的文件；例：将jpg更改为png

5.日期

<!--选择时间点-->
<input type="time" />
<!--具体到天数-->
<input type="date" />
<!--具体到周-->
<input type="week" />
<!--具体到月份-->
<input type="month" />

还可具体的选择时间点

<input type="datetime-local" />

在这里插入图片描述

6.radio 单选框

<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 复选框

<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框，还有许多用法这里就不一一列举。

项目总结

目前为止项目已经过去了一半时间，但是前端的静态页面还未写完，后端也进度较慢，登录注册交互完成，学长学姐说两周应该完成静态页面，现在我们还剩不少，三周应该交互完成，目前我们还差的很远，昨天汇报完，头脑风暴听学长学姐说完，还是感觉很有压力的，现在真的得抓紧点进度了，身为组长也得催促一下，多问问组员，组内的交流讨论还是很及时的，后半段依旧，开始写项目了才懂学长学姐说的得多跟后端交流，交流之后才发现前后端的很多部分都差距很大，收获也挺多的。总之，之后两周努力赶，努力熬吧。