表单标记（html）
前言
发现input的type属性还是有挺多的，这里把一些常用的总结一下。
HTML 输入类型 (w3school.com.cn)
https://www.w3school.com.cn/html/html_form_input_types.asp
text-文本
文本输入,如果文字太长，超出的部分就不会显示。
定义供文本输入的单行输入字段
姓名：<input type="text" name="name">
password-密码
密码，会用实心的小圆点代替输入的字符。
定义密码字段
密码：<input type="password" name="password">radio- 收音机
单选按钮，用checked="checked"默认选中“男”，用label增大他的命中范围，使得点击字符“男”或“女”可以达到选中单选按钮的效果，同时通过name属性使得两个是一组，两者同时只能有一个被选中。
定义单选按钮
性别：<label><input type="radio" name="gender" value="1" checked="checked">男</label><label><input type="radio" name="gender" value="2">女</label> 
checkbox- 复选框
和单选按钮不同的是，可以同时选中几个，同样使用label标签来增大命中的范围。
定义复选框
爱好：<label><input type="checkbox" name="hobby" value="ppq">乒乓球</label><label><input type="checkbox" name="hobby" value="lq">篮球</label><label><input type="checkbox" name="hobby" value="zq">足球</label>
file-文件夹
可以上传计算机上面的文件，图片。
图像：<input type="file" name="image">
date- 日期
选择日期。
用于应该包含日期的输入字段
生日：<input type="date" name="birthday">
time- 时间
选择时间。
允许用户选择时间（无时区）
时间：<input type="time" name="time">
datetime-local-本地时间
选择日期和时间。
允许用于选择日期和时间（无时区），datetime是有时区
日期时间：<input type="datetime-local" name="datetime"> 
email-电子邮件
文本输入要符合电子邮件地址的规范。
用于应该包含电子邮件地址的输入字段
邮箱；<input type="email" name="email"><input type="submit" value="提交">
number- 数字
只能输入数字字符，且右边可以自增自减。
用于应该包含数字值的输入字段
年龄：<input type="number" name="age">
| 属性 | 描述 |
| disabled | 规定输入字段应该被禁用 |
| max | 规定输入字段的最大值 |
| maxlength | 规定输入字段的最大字符数 |
| min | 规定输入字段的最小值 |
| pattern | 规定通过其检查输入值的正则表达式 |
| readonly | 规定输入字段为只读（无法修改） |
| required | 规定输入字段是必需的（必需填写） |
| size | 规定输入字段的宽度（以字符计） |
| step | 规定输入字段的合法数字间隔 |
| value | 规定输入字段的默认值 |
select- 选择
下拉列表，通过selected默认选中。
学历：<select name="degree"><option value="1">初中</option><option value="2">高中</option><option value="3">大专</option><option value="4" selected="selected">本科</option><option value="5">硕士</option><option value="6">博士</option></select> 
textarea-多行文本输入区
文本域， cols列，rows行。
描述：<textarea name="description" cols="30" rows="10"></textarea>
button-按钮
之后可以结合js来使用。
<input type="button" value="按钮">
reset-重置
把表单写的内容和清空，重新填写。
<input type="reset" value="重置">
submit-提交
把表单的信息post。
<input type="submit" value="提交">
总结
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表单</title>
</head><body><form action="" method="post">姓名：<input type="text" name="name"><br><br>密码：<input type="password" name="password"><br><br>性别：<label><input type="radio" name="gender" value="1" checked="checked">男</label><label><input type="radio" name="gender" value="2">女</label><br><br>爱好：<label><input type="checkbox" name="hobby" value="ppq">乒乓球</label><label><input type="checkbox" name="hobby" value="lq">篮球</label><label><input type="checkbox" name="hobby" value="zq">足球</label><br><br>图像：<input type="file" name="image"><br><br>生日：<input type="date" name="birthday"><br><br>时间：<input type="time" name="time"><br><br>日期时间：<input type="datetime-local" name="datetime"><br><br>邮箱；<input type="email" name="email"><br><br>年龄：<input type="number" name="age"><br><br>学历：<select name="degree"><option value="1">初中</option><option value="2">高中</option><option value="3">大专</option><option value="4" selected="selected">本科</option><option value="5">硕士</option><option value="6">博士</option></select><br><br>描述：<textarea name="description" cols="30" rows="10"></textarea><br><br><input type="hidden" name="id" value="1"><input type="button" value="按钮"><input type="reset" value="重置"><input type="submit" value="提交"></form>
</body></html>
这个日期属性我之前还用的是下拉框，没想到有date属性，比用select要方便一点。
相关文章：
表单标记（html）
前言 发现input的type属性还是有挺多的，这里把一些常用的总结一下。 HTML 输入类型 (w3school.com.cn)https://www.w3school.com.cn/html/html_form_input_types.asp text-文本 文本输入,如果文字太长，超出的部分就不会显示。 定义供文本输入的单行…...
Linux文件和目录管理
目录基础 Linux操作系统以目录的方式来组织和管理系统中的所有文件。所谓的目录，就是将所有文件的说明信息采用树状结构组织起来。每个目录节点之下会有文件和子目录。 所有一切都从 ‘根’ 开始，用 ‘/’ 代表, 并且延伸到子目录。 bin：B…...
【go】gorm\xorm\ent事务处理
文章目录 1 gorm1.1 开启事务1.2 执行操作1.3 提交或回滚 2 xorm2.1 开启事务2.2 执行操作2.3 提交或回滚 3 ent3.1 开启事务3.2 执行操作3.3 提交或回滚 前言：本文介绍golang三种orm框架对数据库事务的操作 1 gorm Begin开启事务 tx *gorm.DB 1.1 开启事务 tx :…...
【数据分享】1929-2023年全球站点的逐月平均风速（Shp\Excel\免费获取）
气象数据是在各项研究中都经常使用的数据，气象指标包括气温、风速、降水、能见度等指标，说到气象数据，最详细的气象数据是具体到气象监测站点的数据！ 有关气象指标的监测站点数据，之前我们分享过1929-2023年全球气象站…...
IP地址详解
IP地址是互联网协议（Internet Protocol）用于标识并定位网络中主机（如计算机、服务器、路由器等）的一串数字。它是一个32位的二进制数，通常以四个数字（每个数字范围为0-255）的形式显示࿰…...
Python爬虫http基本原理#2
Python爬虫逆向系列（更新中）：http://t.csdnimg.cn/5gvI3 HTTP 基本原理 在本节中，我们会详细了解 HTTP 的基本原理，了解在浏览器中敲入 URL 到获取网页内容之间发生了什么。了解了这些内容，有助于我们进一…...
Web Services 服务 是不是过时了？创建 Web Services 服务实例
Web Services 是不是过时了？ 今天是兔年最后一天，先给大家拜个早年 。 昨天上午视频面试一家公司需要开发Web Services 服务，这个也没有什么，但还需要用 VB.net 开发。这个是多古老的语言了，让我想起来了 10年 前 写 …...
redis单线程还快的原因
1. 内存存储和高效数据结构： 内存存储： Redis将数据存储在内存中，因此可以实现非常高的读写速度，而无需频繁的磁盘I/O操作。 高效数据结构： Redis内置了丰富且高效的数据结构，如字符串、哈希表、列表、集合…...
【flutter】报错 cmdline-tools component is missing
在flutterSDK目录下，双击flutter_console.bat，调出命令行。 输入flutter doctor，如果第三个诊断为[x]，报cmdline-tools component is missing错（我这已经修改好了，所以是勾了），那就可…...
以用户为中心，酷开科技荣获“消费者服务之星”
在企业顺应消费升级的道路中，企业自身不仅要着力强化对于消费者服务意识的提升，并且要树立诚信自律的行业示范带头作用，助力消费环境稳中向好，不断满足人民群众对美好生活的期待。企业的发展需要消费者的认可，酷开科技…...
Days 27 ElfBoard 板 AltiumDesigner 相同电路快速布局布线
在进行设计开发的时候，总会遇到相同的电路，或者模块，这些电路可以使用相同的布局和走线，例如 DC-DC 电源、网口 PHY 电路部分。这类型的电路，我们可以采用AltiumDesigner 中的 Room 进行布局和布线的快速复制ÿ…...
除夕快乐（前端小烟花）
家人们，新的一年好运常在，愿大家在新的一年里得偿所愿，发财暴富，愿大家找到属于自己的那个公主，下面就给大家展示一下给公主的烟花 前端烟花 新的一年，新的挑战，愿我们不忘初心，砥砺…...
fast.ai 深度学习笔记（二）
深度学习 2：第 1 部分第 4 课 原文：medium.com/hiromi_suenaga/deep-learning-2-part-1-lesson-4-2048a26d58aa 译者：飞龙 协议：CC BY-NC-SA 4.0 来自 fast.ai 课程的个人笔记。随着我继续复习课程以“真正”理解它，这…...
风行智能电视G32Y 强制刷机升级方法，附刷机升级数据MstarUpgrade.bin
升级步骤： 1、下载刷机数据，如是压缩包，需要先解压，然后将刷机bin格式的文件重命名为MstarUpgrade.bin 2、将此文件放到U盘根目录 （U盘格式FAT32，单分区，建议4G的优盘刷机成功率高）…...
tsgctf-2021-lkgit-无锁竞争-userfaultfd
启动脚本 qemu-system-x86_64 \-kernel ./bzImage \-initrd ./rootfs.cpio \-nographic \-monitor /dev/null \-cpu kvm64,smep,smap \-append "consolettyS0 kaslr oopspanic panic1 quiet" \-no-reboot \-m 256M题目 lkgit_hash_object #define HASH_SIZE …...
物联网数据隐私保护技术
在物联网（IoT）的世界中，无数的设备通过互联网连接在一起，不断地收集、传输和处理数据。这些数据有助于提高生产效率、优化用户体验并创造新的服务模式。然而，随着数据量的剧增，数据隐私保护成为了一个不能忽…...
RabbitMQ-1.介绍与安装
介绍与安装 1.RabbitMQ1.0.技术选型1.1.安装1.2.收发消息1.2.1.交换机1.2.2.队列1.2.3.绑定关系1.2.4.发送消息 1.2.数据隔离1.2.1.用户管理1.2.3.virtual host 1.RabbitMQ 1.0.技术选型 消息Broker，目前常见的实现方案就是消息队列（MessageQueue&…...
CSS高级技巧
一、 精灵图 1.1 为什么需要精灵图？ 1.2 精灵图（sprites）的使用 二、 字体图标 2.1 字体图标的产生 2.2 字体图标的优点 2.3 字体图标的下载 icomoom字库 http://icomoon.io 阿里iconfont字库 http://www.iconfont.cn/ 2.4 字体图标的引用…...
Redis的数据类型Hash使用场景实战
Redis的数据类型Hash使用场景 常见面试题：redis在你们项目中是怎么用的，除了String数据类型还使用什么数据类型？ 怎么保证缓存和数据一致性等问题… Hash模型使用场景 知识回顾： redisTemplate.opsForHash() 方法是 Redis 的 …...
HttpClient | 支持 HTTP 协议的客户端编程工具包
目录 1、简介 2、应用场景 3、导入 4、API 5、示例 5.1、GET请求 5.2、POST请求 🍃作者介绍：双非本科大三网络工程专业在读，阿里云专家博主，专注于Java领域学习，擅长web应用开发、数据结构和算法，初…...
KubeSphere 容器平台高可用：环境搭建与可视化操作指南
Linux_k8s篇 欢迎来到Linux的世界，看笔记好好学多敲多打，每个人都是大神！ 题目：KubeSphere 容器平台高可用：环境搭建与可视化操作指南 版本号: 1.0,0 作者: 老王要学习 日期: 2025.06.05 适用环境: Ubuntu22 文档说…...
web vue 项目 Docker化部署
Web 项目 Docker 化部署详细教程 目录 Web 项目 Docker 化部署概述Dockerfile 详解 构建阶段生产阶段 构建和运行 Docker 镜像 1. Web 项目 Docker 化部署概述 Docker 化部署的主要步骤分为以下几个阶段： 构建阶段（Build Stage）：…...
超短脉冲激光自聚焦效应
前言与目录 强激光引起自聚焦效应机理 超短脉冲激光在脆性材料内部加工时引起的自聚焦效应，这是一种非线性光学现象，主要涉及光学克尔效应和材料的非线性光学特性。 自聚焦效应可以产生局部的强光场，对材料产生非线性响应，可能…...
线程同步：确保多线程程序的安全与高效！
全文目录： 开篇语前序前言第一部分：线程同步的概念与问题1.1 线程同步的概念1.2 线程同步的问题1.3 线程同步的解决方案 第二部分：synchronized关键字的使用2.1 使用 synchronized修饰方法2.2 使用 synchronized修饰代码块 第三部分ÿ…...
AtCoder 第409场初级竞赛 A~E题解
A Conflict 【题目链接】 原题链接：A - Conflict 【考点】 枚举 【题目大意】 找到是否有两人都想要的物品。 【解析】 遍历两端字符串，只有在同时为 o 时输出 Yes 并结束程序，否则输出 No。 【难度】 GESP三级 【代码参考】 #i…...
纯 Java 项目（非 SpringBoot）集成 Mybatis-Plus 和 Mybatis-Plus-Join
纯 Java 项目（非 SpringBoot）集成 Mybatis-Plus 和 Mybatis-Plus-Join 1、依赖1.1、依赖版本1.2、pom.xml 2、代码2.1、SqlSession 构造器2.2、MybatisPlus代码生成器2.3、获取 config.yml 配置2.3.1、config.yml2.3.2、项目配置类 2.4、ftl 模板2.4.1、…...
华为OD机考-机房布局
import java.util.*;public class DemoTest5 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseSystem.out.println(solve(in.nextLine()));}}priv…...
基于Springboot+Vue的办公管理系统
角色： 管理员、员工 技术： 后端: SpringBoot, Vue2, MySQL, Mybatis-Plus 前端: Vue2, Element-UI, Axios, Echarts, Vue-Router 核心功能： 该办公管理系统是一个综合性的企业内部管理平台，旨在提升企业运营效率和员工管理水…...
破解路内监管盲区：免布线低位视频桩重塑停车管理新标准
城市路内停车管理常因行道树遮挡、高位设备盲区等问题，导致车牌识别率低、逃费率高，传统模式在复杂路段束手无策。免布线低位视频桩凭借超低视角部署与智能算法，正成为破局关键。该设备安装于车位侧方0.5-0.7米高度，直接规避树枝遮…...
水泥厂自动化升级利器：Devicenet转Modbus rtu协议转换网关
在水泥厂的生产流程中，工业自动化网关起着至关重要的作用，尤其是JH-DVN-RTU疆鸿智能Devicenet转Modbus rtu协议转换网关，为水泥厂实现高效生产与精准控制提供了有力支持。 水泥厂设备众多，其中不少设备采用Devicenet协议。Devicen…...