项目之旅(前两周)

本文介绍了HTML中input元素的各种用法,包括文本框、密码框、按钮、文件上传(支持图片、视频类型限制)以及日期选择等。项目进度更新提到前端页面未完成,后端进展缓慢,强调了团队协作和与后端沟通的重要性。
摘要由CSDN通过智能技术生成

学习总结

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

项目总结

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

生活总结

昨天参加了蓝桥杯,拿到了传说中300米的难吃午餐,卤蛋还不错
在这里插入图片描述
最近的杨絮真的好多,杨絮中夹杂着空气
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值