项目之旅(前两周)

ops/2024/11/20 7:04:15/

文章目录

  • 学习总结
    • 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米的难吃午餐,卤蛋还不错
在这里插入图片描述
最近的杨絮真的好多,杨絮中夹杂着空气
在这里插入图片描述


http://www.ppmy.cn/ops/4376.html

相关文章

设计模式之观察者模式(下)

3&#xff09;JDK对观察者模式的支持 1.概述 在JDK的java.util包中&#xff0c;提供了Observable类以及Observer接口&#xff0c;它们构成了JDK对观察者模式的支持。 2.Observer接口 在java.util.Observer接口中只声明一个方法&#xff0c;它充当抽象观察者。 void update…

算法学习——LeetCode力扣补充篇8(146. LRU 缓存、 215. 数组中的第K个最大元素、25. K 个一组翻转链表)

算法学习——LeetCode力扣补充篇8 146. LRU 缓存 146. LRU 缓存 - 力扣&#xff08;LeetCode&#xff09; 描述 请你设计并实现一个满足 LRU (最近最少使用) 缓存 约束的数据结构。 实现 LRUCache 类&#xff1a; LRUCache(int capacity) 以 正整数 作为容量 capacity 初始化…

Django数据导出与导入问题

执行: python manage.py loaddata data.json 的常见错误: * 1. UnicodeDecodeError: utf-8 codec cant decode byte 0xff in position 0: invalid start byte* 2. raise JSONDecodeError("Unexpected UTF-8 BOM (decode using utf-8-sig)",...django.core.serializer…

鸿蒙南向开发:【编译和烧录】指导

编译 #进入源码目录 #rm -rf ohos_config.json #hb set #. #如下图所示,按↑↓键&#xff0c;选择需要编译的工程名&#xff0c;然后回车 #hb build -f #然后回车&#xff0c;等待屏幕出现&#xff1a;BUILD SUCCESS字样&#xff0c;说明编译成功。如下图 #编译生成的固件在…

Pytorch实用教程:pytorch使用模型时并没有调用forward函数,那么前向运算是如何执行的呢?

在 PyTorch 中&#xff0c;尽管我们定义了 forward 方法来指定模型的前向传播逻辑&#xff0c;实际上我们通常不直接调用这个方法。相反&#xff0c;我们通过调用模型对象本身来触发前向传播&#xff0c;这背后的机制涉及到了 Python 的 __call__ 方法。 __call__ 方法的作用 …

关于图像YUV格式分类和排布方式的全学习

【学习笔记】关于图像YUV格式分类和排布方式的全学习_yuv图像-CSDN博客 下图是将多个yuv420p图像(A和B)&#xff0c;拼接成一个画面的思路 A大小:416*64 B大小:416*208 将A和B合并到一个416*416的尺寸上&#xff0c;代码如下 //整合char * ptd;ptd (char * ) malloc (416*41…

QQ怎么远程控制自己的电脑

QQ怎么远程控制自己的电脑 在日常生活和工作中&#xff0c;我们有时可能需要在不同的地点远程控制自己的电脑。QQ作为一款广受欢迎的即时通讯软件&#xff0c;提供了远程桌面功能&#xff0c;使得用户可以轻松实现对自己电脑的远程控制。下面就来介绍一下如何使用QQ远程控制自…

基于K-prototype算法聚类

k-prototype聚类是一种用于混合数据类型聚类的算法&#xff0c;由Jain和Dubes在1988年提出。它主要用于同时包含连续属性和离散属性的数据集。k-prototype算法可以看作是k-means算法的扩展&#xff0c;它将k-means算法的思想应用于混合数据类型&#xff0c;通过为连续属性和离散…