当前位置: 首页 > news >正文

前端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表格)

第一种&#xff1a;基于element表格分页 <template><!-- element分组打印 --><div class"hello"><button v-print"printContent">打印</button><div id"printDiv"><p>工资统计表</p><p>…...

搜维尔科技:借助 Xsens中的远程人体录制功能,可以在任何位置以无限量同时捕捉无限数量演员的身体动作

借助 Xsens中的远程人体录制功能&#xff0c;可以在任何位置以无限量同时捕捉无限数量演员的身体动作 搜维尔科技&#xff1a;借助 Xsens中的远程人体录制功能&#xff0c;可以在任何位置以无限量同时捕捉无限数量演员的身体动作...

2024/08 近期关于AI的阅读和理解[笔记]

#Cohere 就像商业能力很强的云数仓公司 Snowflake 一样&#xff0c;Cohere 也采用了按需付费模式而不是按月或按年付费&#xff0c;而且它的付费模式很精细。Cohere 按照模型的不同能力&#xff0c;包括文本生成&#xff0c;文本总结&#xff0c;重新排名&#xff0c;文本分类…...

SmartEDA:解锁设计新境界,从工具到灵感的飞跃之旅!

在这个数据驱动的时代&#xff0c;每一次点击、每一次滑动都蕴含着无限的可能与洞察。然而&#xff0c;在众多数据分析工具中&#xff0c;SmartEDA不仅仅是一把解锁数据奥秘的钥匙&#xff0c;它更是一座桥梁&#xff0c;连接着冰冷的数据世界与创意无限的设计灵感之源。今天&a…...

解决Minizip压缩后解压时的头部错误问题

最近&#xff0c;在处理文件压缩的任务时&#xff0c;我遇到了一个有趣的问题。使用Minizip库进行文件压缩后&#xff0c;在解压过程中收到了一个关于"头部错误"的警告。尽管这个警告看似令人担忧&#xff0c;但解压操作最终仍然能够成功完成文件的解压。这引发了我的…...

数据库表水平分割和垂直分割?

0.数据库表的水平分割和垂直分割是两种常见的数据库优化技术&#xff0c;‌它们分别针对不同的场景和需求进行数据表的拆分。‌ 1. 水平分割&#xff08;‌Horizontal Splitting&#xff09;‌主要是按照记录进行分割&#xff0c;‌即不同的记录被分开保存在不同的表中&#x…...

Linux源码阅读笔记18-插入模型及删除模块操作

基础知识 模块是一种向Linux内核添加设备驱动程序、文件系统及其他组件的有效方法&#xff0c;不需要编译新内核 优点 通过使用模块&#xff0c;内核发布者能够预先编译大量驱动程序&#xff0c;而不会致使内核映像的尺寸发生膨胀。内核开发者可以将实验性的代码打包到模块中&a…...

力扣面试经典算法150题:移除元素

移除元素 今日的题目依旧是力扣面试经典算法150题中数组相关的题目&#xff1a;移除元素 题目链接&#xff1a;https://leetcode.cn/problems/remove-element/description/?envTypestudy-plan-v2&envIdtop-interview-150 题目描述 给定一个排序数组 nums 和一个值 val&a…...

java关于前端传布尔值后端接收一直为false问题

前端传值&#xff1a; {"message":"我肚子疼","isChiefComplaint": true }后端接收对象结构体&#xff1a; public class SymptomInquiryDTO {private String message;private boolean isChiefComplaint; }结果后端接收到的值一直是false&…...

工具学习_CVE Binary Tool

1. 工具概述 CVE Binary Tool 是一个免费的开源工具&#xff0c;可帮助您使用国家漏洞数据库&#xff08;NVD&#xff09;常见漏洞和暴露&#xff08;CVE&#xff09;列表中的数据以及Redhat、开源漏洞数据库&#xff08;OSV&#xff09;、Gitlab咨询数据库&#xff08;GAD&am…...

智观察 | 行业赛道里的AI大模型

‍ “AI改变世界”被炒得热火朝天&#xff0c;结果就换来AI聊天&#xff1f; 实际上&#xff0c;在日常娱乐之下&#xff0c;AI正在暗暗“憋大招”&#xff0c;深入各行各业&#xff0c;发挥更专业的作用。 自动驾驶 最近“萝卜快跑”霸榜热搜长达一周&#xff0c;让无人驾…...

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…...

计算机网络-网络层

负责在不同的网络之间转发数据包&#xff0c;基于数据包的 IP地址转发&#xff0c;每个数据包可以按照不同路径传输。网络层不负责丢包重传&#xff0c;以及数据包之间数据顺序的的问题。 网络设备 路由器工作在第三层&#xff1a;网络层&#xff0c;能看到网络层的地址&…...

机器学习:识别AI,GraphRAG,LoRA,线性变换,特征

1.AI识别 1.bitgrit 生成式 AI API 文档 生成式 AI 假图像检测 API 可用于以编程方式检测假图像&#xff08;即由生成式 AI 创建的图像&#xff09;。2.X Virality Prediction API 旨在预测推文的潜在病毒式传播力。https://bitgrit.net/api/docs/x_virality_prediction 2.Gr…...

阿里云SMS服务C++ SDK编译及调试关键点记录

一. 阿里云SMS服务开通及准备工作 在阿里云官网上完成这部分的工作 1. 申请资质 个人or企业 我这里是用的企业资质 2. 申请签名 企业资质认证成功后&#xff0c;会自动赠送一个用于测试的短信签名 也可以自己再进行申请&#xff0c;需要等待审核。 3. 申请短信模板 企…...

Flutter 正在迁移到 Swift Package Manager ,未来会弃用 CocoaPods 吗?

什么是 Swift Package Manager &#xff1f;其实 Swift Package Manager (SwiftPM) 出现已经挺长一段时间了&#xff0c;我记得第一次听说 SwiftPM 的时候&#xff0c;应该还是在 2016 年&#xff0c;那时候 Swift 3 刚发布&#xff0c;不过正式出场应该还是在 2018 年的 Apple…...

PDF——分割pdf的10个工具

PDF分割器是一种可用于将PDF文档分割成更小的文档甚至单个页面的工具。分割 PDF 文档的主要原因是为了更容易共享。 但该过程的成功取决于您用于拆分 PDF 的工具。较简单的工具仅提供几个选项&#xff0c;可能并不适合所有类型的文档。我们将在本文中列出的 10 个最佳 PDF 分割…...

深入解析 Nginx 反向代理:配置、优化与故障排除

深入解析 Nginx 反向代理&#xff1a;配置、优化与故障排除 Nginx 是一个高性能的 HTTP 和反向代理服务器&#xff0c;它以其高并发和高可扩展性在业界享有盛誉。反向代理是 Nginx 的重要功能之一&#xff0c;通过反向代理可以实现负载均衡、安全代理、缓存等多种用途。本篇文…...

深度学习入门(一):感知机与输入数据

单层感知机与多层感知机 单层感知机&#xff08;Single-Layer Perceptron&#xff09;和多层感知机&#xff08;Multi-Layer Perceptron&#xff0c;简称MLP&#xff09;是神经网络的基本形式&#xff0c;用于执行各种机器学习任务&#xff0c;包括分类和回归。它们都基于早期…...

eVTOL 研制必读 | 厘清研制保证与设计保证的边界

在很多航空企业里&#xff0c;经常会出现一种现象&#xff1a;项目团队在谈“研制保证体系”&#xff0c;管理层在谈“设计保证系统”&#xff1b;技术人员在强调 ARP4754A/B&#xff0c;组织层面却在说 DOA 合规。大家都在讲“保证”&#xff0c;却未必在讲同一件事。结果是什…...

实时行情系统设计:从协议选择到高可用架构,再到数据源选型睬

一、核心问题及解决方案&#xff08;按踩坑频率排序&#xff09; 问题 1&#xff1a;误删他人持有锁——最基础也最易犯的漏洞 成因&#xff1a;释放锁时未做身份校验&#xff0c;直接执行 DEL 命令删除键。典型场景&#xff1a;服务 A 持有锁后&#xff0c;业务逻辑耗时超过锁…...

内容解锁工具:Bypass Paywalls Chrome Clean的全方位信息获取方案

内容解锁工具&#xff1a;Bypass Paywalls Chrome Clean的全方位信息获取方案 在信息爆炸的时代&#xff0c;获取优质内容往往需要付出高昂的订阅费用。Bypass Paywalls Chrome Clean作为一款免费开源的浏览器扩展&#xff0c;为用户提供了突破付费内容限制的解决方案&#xff…...

黑马程序员python核心语法-基础知识

python快捷键使用CtrlAlts 打开软件设置CtrlD 复制当前行代码CtrlAlt上\下 将当前代码上移或下移Ctrlshiftf10 运行当前代码文件Ctrlf6&#xff1a;重命名文件Ctrlf 搜索# 字面量的写法 print(100) # 整数(int) print(3.14) # 浮点数/小数(float) print(True) # 布尔&#xf…...

OpenClaw多模型混搭方案:Kimi-VL-A3B-Thinking与Qwen3-32B协同工作流

OpenClaw多模型混搭方案&#xff1a;Kimi-VL-A3B-Thinking与Qwen3-32B协同工作流 1. 为什么需要多模型混搭&#xff1f; 去年冬天&#xff0c;当我第一次尝试用OpenClaw处理图文混排的文档时&#xff0c;遇到了一个尴尬的问题&#xff1a;纯文本模型Qwen3-32B对图片内容视而不…...

频域+卷积神经网络:好发又实用的论文黄金组合!轻松冲CVPR

小伙伴们好&#xff0c;我是小嬛。专注于人工智能、计算机视觉、AI大模型领域相关分享研究。【目标检测、图像分类、图像分割、目标跟踪等项目都可做&#xff0c;相关领域论文辅导也可以找我&#xff1b;需要的可联系&#xff08;备注来意&#xff09;】-------正文开始-------…...

嵌入式c语言——关键字4

typedef 给数据类型起个别名&#xff0c;使得对程序的可读性更高吗&#xff0c;同时和#define不一样typedeff是关键字&#xff0c;对已经存在的数据类型取别名。 在编译阶段处理&#xff0c;会进行类型检查&#xff0c;只能在定义的作用域内使用。 define是预处理指令&#xff…...

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让百度网盘资源获取效率倍增

告别提取码困扰&#xff1a;baidupankey让百度网盘资源获取效率倍增 【免费下载链接】baidupankey 项目地址: https://gitcode.com/gh_mirrors/ba/baidupankey 一、用户困境解析&#xff1a;提取码获取的隐性成本 在数字化资源交换日益频繁的今天&#xff0c;百度网盘…...