前端day4-表单标签
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>day4-表单</title>
</head>
<body><!-- input标签 -->文本框,用于输入单行文本:<input type="text"><br>密码框: <input type="password"><br>单选框,多选一: <input type="radio" name="0">语文<input type="radio" name="0">数学<input type="radio" name="0">英语<br>多选框,多选多: <input type="checkbox" name="0">北京<input type="checkbox" name="0">天津<input type="checkbox" name="0">上海<input type="checkbox" name="0">厦门<br>选择文件,上传文件:<input type="file"><br>提交按钮: <input type="submit"><br>重置按钮: <input type="reset"> <br>普通按钮: <input type="button" value="按钮"><br><br><hr><!-- 占位符placeholder -->用户名:<input type="text" placeholder="请输入用户名"><br>密码: <input type="password" placeholder="请输入密码"><hr><!-- 单选功能和默认选中,同理多选框 --><!-- name:分组 --><!-- checked:默认选中 -->学科:<input type="radio" name="subject" checked>语文<input type="radio" name="subject">数学<input type="radio" name="subject">英语<hr><!-- 上传多个文件:multiple -->上传单个文件:<input type="file"><br>上传多个文件:<input type="file" multiple><hr><!-- 按钮 --><!-- 属性value-添加显示文字 --><form>用户名:<input type="text" placeholder="请输入用户名"><br>密码: <input type="password" placeholder="请输入密码"><br><!-- 提交按钮和重置按钮需要在表单中使用 --><input type="submit"><input type="submit" value="免费注册"><input type="reset"><input type="button" value="注册"></form><hr><!-- button按钮标签 --><button>按钮</button><button type="submit">提交按钮</button><button type="reset">重置按钮</button><button type="button">普通按钮,没有任何功能</button><hr><!-- select下拉菜单 --><!-- selected:默认选中 -->下拉菜单:<br><select><option>北京</option><option>上海</option><option>广州</option><option >厦门</option></select><select><option>北京</option><option>上海</option><option>广州</option><option selected>厦门</option></select><hr><!--textarea文本域,右下角可拖曳改变大小 --><!-- cols:规定可见宽度; rows:规定可见行数 --><textarea cols="30" rows="10"></textarea><hr><!-- label:点击文字可选中 --><!-- 方法一:复杂 -->性别:<input type="radio" name="sex" id="nan"><label for="nan">男</label><input type="radio" name="sex" id="nv"><label for="nv">女</label><br><br><!-- 方法二:简单 -->性别:<label><input type="radio" name="sex1">男</label><label><input type="radio" name="sex1">女</label></body>
</html>
相关文章:
前端day4-表单标签
<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>day4-表单</title> </head> <body&g…...
vue3-print-nb 表格打印分页,第一页有空白的情况出现解决方法(两种:一种原生,一种基于element表格)
第一种:基于element表格分页 <template><!-- element分组打印 --><div class"hello"><button v-print"printContent">打印</button><div id"printDiv"><p>工资统计表</p><p>…...
搜维尔科技:借助 Xsens中的远程人体录制功能,可以在任何位置以无限量同时捕捉无限数量演员的身体动作
借助 Xsens中的远程人体录制功能,可以在任何位置以无限量同时捕捉无限数量演员的身体动作 搜维尔科技:借助 Xsens中的远程人体录制功能,可以在任何位置以无限量同时捕捉无限数量演员的身体动作...
2024/08 近期关于AI的阅读和理解[笔记]
#Cohere 就像商业能力很强的云数仓公司 Snowflake 一样,Cohere 也采用了按需付费模式而不是按月或按年付费,而且它的付费模式很精细。Cohere 按照模型的不同能力,包括文本生成,文本总结,重新排名,文本分类…...
SmartEDA:解锁设计新境界,从工具到灵感的飞跃之旅!
在这个数据驱动的时代,每一次点击、每一次滑动都蕴含着无限的可能与洞察。然而,在众多数据分析工具中,SmartEDA不仅仅是一把解锁数据奥秘的钥匙,它更是一座桥梁,连接着冰冷的数据世界与创意无限的设计灵感之源。今天&a…...
解决Minizip压缩后解压时的头部错误问题
最近,在处理文件压缩的任务时,我遇到了一个有趣的问题。使用Minizip库进行文件压缩后,在解压过程中收到了一个关于"头部错误"的警告。尽管这个警告看似令人担忧,但解压操作最终仍然能够成功完成文件的解压。这引发了我的…...
数据库表水平分割和垂直分割?
0.数据库表的水平分割和垂直分割是两种常见的数据库优化技术,它们分别针对不同的场景和需求进行数据表的拆分。 1. 水平分割(Horizontal Splitting)主要是按照记录进行分割,即不同的记录被分开保存在不同的表中&#x…...
Linux源码阅读笔记18-插入模型及删除模块操作
基础知识 模块是一种向Linux内核添加设备驱动程序、文件系统及其他组件的有效方法,不需要编译新内核 优点 通过使用模块,内核发布者能够预先编译大量驱动程序,而不会致使内核映像的尺寸发生膨胀。内核开发者可以将实验性的代码打包到模块中&a…...
力扣面试经典算法150题:移除元素
移除元素 今日的题目依旧是力扣面试经典算法150题中数组相关的题目:移除元素 题目链接:https://leetcode.cn/problems/remove-element/description/?envTypestudy-plan-v2&envIdtop-interview-150 题目描述 给定一个排序数组 nums 和一个值 val&a…...
java关于前端传布尔值后端接收一直为false问题
前端传值: {"message":"我肚子疼","isChiefComplaint": true }后端接收对象结构体: public class SymptomInquiryDTO {private String message;private boolean isChiefComplaint; }结果后端接收到的值一直是false&…...
工具学习_CVE Binary Tool
1. 工具概述 CVE Binary Tool 是一个免费的开源工具,可帮助您使用国家漏洞数据库(NVD)常见漏洞和暴露(CVE)列表中的数据以及Redhat、开源漏洞数据库(OSV)、Gitlab咨询数据库(GAD&am…...
智观察 | 行业赛道里的AI大模型
“AI改变世界”被炒得热火朝天,结果就换来AI聊天? 实际上,在日常娱乐之下,AI正在暗暗“憋大招”,深入各行各业,发挥更专业的作用。 自动驾驶 最近“萝卜快跑”霸榜热搜长达一周,让无人驾…...
linux 进程 inode 信息获取
根据端口查找 ss -neltup | grep "$port"根据 pid 查找 ss -neltup | grep "pid$pid"根据 inode 查找 ss -neltup | grep "ino:$inode"根据pid查找进程打开的inode ls -al /proc/$pid/fd查看inode信息 cat /proc/$pid/net/tcp | grep $ino…...
计算机网络-网络层
负责在不同的网络之间转发数据包,基于数据包的 IP地址转发,每个数据包可以按照不同路径传输。网络层不负责丢包重传,以及数据包之间数据顺序的的问题。 网络设备 路由器工作在第三层:网络层,能看到网络层的地址&…...
机器学习:识别AI,GraphRAG,LoRA,线性变换,特征
1.AI识别 1.bitgrit 生成式 AI API 文档 生成式 AI 假图像检测 API 可用于以编程方式检测假图像(即由生成式 AI 创建的图像)。2.X Virality Prediction API 旨在预测推文的潜在病毒式传播力。https://bitgrit.net/api/docs/x_virality_prediction 2.Gr…...
阿里云SMS服务C++ SDK编译及调试关键点记录
一. 阿里云SMS服务开通及准备工作 在阿里云官网上完成这部分的工作 1. 申请资质 个人or企业 我这里是用的企业资质 2. 申请签名 企业资质认证成功后,会自动赠送一个用于测试的短信签名 也可以自己再进行申请,需要等待审核。 3. 申请短信模板 企…...
Flutter 正在迁移到 Swift Package Manager ,未来会弃用 CocoaPods 吗?
什么是 Swift Package Manager ?其实 Swift Package Manager (SwiftPM) 出现已经挺长一段时间了,我记得第一次听说 SwiftPM 的时候,应该还是在 2016 年,那时候 Swift 3 刚发布,不过正式出场应该还是在 2018 年的 Apple…...
PDF——分割pdf的10个工具
PDF分割器是一种可用于将PDF文档分割成更小的文档甚至单个页面的工具。分割 PDF 文档的主要原因是为了更容易共享。 但该过程的成功取决于您用于拆分 PDF 的工具。较简单的工具仅提供几个选项,可能并不适合所有类型的文档。我们将在本文中列出的 10 个最佳 PDF 分割…...
深入解析 Nginx 反向代理:配置、优化与故障排除
深入解析 Nginx 反向代理:配置、优化与故障排除 Nginx 是一个高性能的 HTTP 和反向代理服务器,它以其高并发和高可扩展性在业界享有盛誉。反向代理是 Nginx 的重要功能之一,通过反向代理可以实现负载均衡、安全代理、缓存等多种用途。本篇文…...
深度学习入门(一):感知机与输入数据
单层感知机与多层感知机 单层感知机(Single-Layer Perceptron)和多层感知机(Multi-Layer Perceptron,简称MLP)是神经网络的基本形式,用于执行各种机器学习任务,包括分类和回归。它们都基于早期…...
eVTOL 研制必读 | 厘清研制保证与设计保证的边界
在很多航空企业里,经常会出现一种现象:项目团队在谈“研制保证体系”,管理层在谈“设计保证系统”;技术人员在强调 ARP4754A/B,组织层面却在说 DOA 合规。大家都在讲“保证”,却未必在讲同一件事。结果是什…...
实时行情系统设计:从协议选择到高可用架构,再到数据源选型睬
一、核心问题及解决方案(按踩坑频率排序) 问题 1:误删他人持有锁——最基础也最易犯的漏洞 成因:释放锁时未做身份校验,直接执行 DEL 命令删除键。典型场景:服务 A 持有锁后,业务逻辑耗时超过锁…...
内容解锁工具:Bypass Paywalls Chrome Clean的全方位信息获取方案
内容解锁工具:Bypass Paywalls Chrome Clean的全方位信息获取方案 在信息爆炸的时代,获取优质内容往往需要付出高昂的订阅费用。Bypass Paywalls Chrome Clean作为一款免费开源的浏览器扩展,为用户提供了突破付费内容限制的解决方案ÿ…...
黑马程序员python核心语法-基础知识
python快捷键使用CtrlAlts 打开软件设置CtrlD 复制当前行代码CtrlAlt上\下 将当前代码上移或下移Ctrlshiftf10 运行当前代码文件Ctrlf6:重命名文件Ctrlf 搜索# 字面量的写法 print(100) # 整数(int) print(3.14) # 浮点数/小数(float) print(True) # 布尔…...
OpenClaw多模型混搭方案:Kimi-VL-A3B-Thinking与Qwen3-32B协同工作流
OpenClaw多模型混搭方案:Kimi-VL-A3B-Thinking与Qwen3-32B协同工作流 1. 为什么需要多模型混搭? 去年冬天,当我第一次尝试用OpenClaw处理图文混排的文档时,遇到了一个尴尬的问题:纯文本模型Qwen3-32B对图片内容视而不…...
频域+卷积神经网络:好发又实用的论文黄金组合!轻松冲CVPR
小伙伴们好,我是小嬛。专注于人工智能、计算机视觉、AI大模型领域相关分享研究。【目标检测、图像分类、图像分割、目标跟踪等项目都可做,相关领域论文辅导也可以找我;需要的可联系(备注来意)】-------正文开始-------…...
嵌入式c语言——关键字4
typedef 给数据类型起个别名,使得对程序的可读性更高吗,同时和#define不一样typedeff是关键字,对已经存在的数据类型取别名。 在编译阶段处理,会进行类型检查,只能在定义的作用域内使用。 define是预处理指令ÿ…...
OpenClaw+优云智算Coding Plan:从灵感到成文,再到发布的全流程AI自动化宦
1.安装环境准备 1.1.查看物理内存 [rootaiserver ~]# free -m 1.2.操作系统版本 [rootaiserver ~]# cat /etc/redhat-release 1.3.操作系统内存 [rootaiserver ~]# df -h /dev/shm/ 1.4.磁盘空间 [rootaiserver ~]# df -TH [rootaiserver ~]# df -h /tmp/ [rootaiserver ~]# d…...
三维点云障碍物检测与聚类算法对比实现
三维点云障碍物检测与聚类算法对比实现 项目概述 本项目实现了一个完整的三维点云障碍物检测系统,集成了K-means和DBSCAN两种经典聚类算法,并对它们的性能进行了对比分析。系统包含点云数据生成、预处理、聚类检测、结果可视化和性能评估等模块。代码设计遵循模块化原则,注…...
告别提取码困扰:baidupankey让百度网盘资源获取效率倍增
告别提取码困扰:baidupankey让百度网盘资源获取效率倍增 【免费下载链接】baidupankey 项目地址: https://gitcode.com/gh_mirrors/ba/baidupankey 一、用户困境解析:提取码获取的隐性成本 在数字化资源交换日益频繁的今天,百度网盘…...
