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

表单项标签简单学习

news 2025/7/8 5:59:24

目录

1. 单选框 radio​ 编辑​编辑​编辑​编辑

2. 复选框 checkbox ​编辑​编辑​编辑

3. 隐藏域 hidden

4. 多行文本框 textarea​ 编辑​编辑

5. 下拉框 select​ 编辑​编辑

6. 选择头像​编辑​编辑

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表单标签测试</title>
</head>
<body><!-- 设置提交地址和提交方式 --><form action="01-HTML.html" method="get"><!-- 添加表单项标签：即用户输入信息的标签 --><!-- 希望用户提交一些特定的信息，但是考虑到安全问题或者用户操作问题，不希望该数据发生改变--><input type="hidden" name="id" value="123">    <br><input type="text" name="pid" value="456" readonly>  <br><input type="text" name="tid" value="789" disabled>  <br>用户名：<input type="text" name="zhangsan" />   <br>密码：<input type="password" name="userpwd" />  <br><!-- 添加登录与清空按钮 --><input type="submit" value="登录" /><input type="submit" value="清空" /> <br><!-- 性别 -->性别：<input type="radio" name="gender" value="1" checked> 男<input type="radio" name="gender" value="0">        女 <br>爱好：<input type="checkbox" name="hobby" value="1"> 足球<input type="checkbox" name="hobby" value="2"> 排球<input type="checkbox" name="hobby" value="3"> 羽毛球<input type="checkbox" name="hobby" value="4"> 铅球 <br>个人简介：<!-- 没有value属性 --><textarea name="intro" style="width: 500;height: 1000;"></textarea> <br>选择头像：<input type="file"> <br>籍贯:<select name="address"><option value="1">京</option><option value="2">津</option><option value="3">冀</option><option value="4">请选择</option></select></form>
</body>
</html>

注意：

name：表单元素的名字，方便后台区分每个表单元素；

value：作为提示信息给用户 / 后台人员查看选择的信息；

 1. 单选框 radio
2. 复选框 checkbox 
3. 隐藏域 hidden

隐藏域不显示在页面上，提交时会携带；

4. 多行文本框 textarea
5. 下拉框 select
6. 选择头像

相关文章：

表单项标签简单学习

目录 1. 单选框 radio​ 编辑​编辑​编辑​编辑 2. 复选框 checkbox ​编辑​编辑​编辑 3. 隐藏域 hidden 4. 多行文本框 textarea​ 编辑​编辑 5. 下拉框 select​ 编辑​编辑 6. 选择头像​编辑​编辑 <!DOCTYPE html> <html lang"en"> <h…...

编程日记 2024/9/10 17:38:24

固态硬盘和机械硬盘区别？固态硬盘和机械硬盘哪个好？

在当今数据时代&#xff0c;硬盘作为电脑里的存储设备在我们的生活和工作中扮演着十分重要的角色。随着存储技术的进步&#xff0c;市场上出现了两种主流硬盘&#xff1a;固态硬盘和机械硬盘。它们各有优劣&#xff0c;那么二者究竟有什么区别&#xff1f;我们又该如何选择呢&a…...

编程日记 2024/9/10 17:37:22

QQ频道机器人零基础开发详解(基于QQ官方机器人文档)[第三期]

QQ频道机器人零基础开发详解(基于QQ官方机器人文档)[第三期] 第三期介绍&#xff1a;频道模块之频道成员 目录 QQ频道机器人零基础开发详解(基于QQ官方机器人文档)[第三期]第三期介绍&#xff1a;频道模块之频道成员获取子频道在线成员数获取频道成员列表获取频道身份组成员列…...

编程日记 2024/9/10 17:36:21

亚信安全全球云安全SaaS运营总部落地厦门 安全点亮一带一路

近日&#xff0c;第二十四届中国国际投资贸易洽谈会&#xff08;以下简称“投洽会”&#xff09;在福建厦门隆重开幕。本届投洽会以“投资链接世界”为主题&#xff0c;积极践行全球发展倡议&#xff0c;服务高质量共建“一带一路”。在投洽会的重要环节&#xff0c;福建省重大…...

编程日记 2024/9/10 17:34:18

在cmd中输入mysql无法运行（环境变量配置保姆级教程）

MySQL环境变量配置 问题概述&#xff1a;解决方法及步骤&#xff1a;检测是否解决问题 问题概述&#xff1a; 下载安装mysql之后&#xff0c;打开cmd界面输入mysql&#xff0c;出现如下提示&#xff1a; mysql 不是内部或外部命令&#xff0c;也不是可运行的程序&#xff0c;或…...

编程日记 2024/9/10 17:32:16

在Webmin上默认状态无法正常显示 Mariadb V11.02及以上版本

OS: Armbian OS 24.5.0 Bookworm Mariadb V11.02及以上版本 Webmin&#xff1a;V2.202 非常小众的问题&#xff0c;主要是记录一下。 如题 Webmin 默认无法 Mariadb V11.02及以上版本 如果对 /etc/webmin/mysql/config 文件作相应调整就可以再现Mariadb管理界面。 路径文件&am…...

编程日记 2024/9/10 17:31:15

C和指针：预处理(#include/define/if...)

预处理器 编译第一步称为预处理(preprocessing)阶段。C预处理器(preprocessor)在源代码编译之前对其进行一些文本性质的操作&#xff0c;包括删除注释、插入被#include 指令包含的文件的内容&#xff0c;替换由#define指令定义的符号以及根据条件编译指令进行编译。 预定义符…...

编程日记 2024/9/10 17:30:14

【Java数据结构】泛型的进阶部分（泛型通配符）

1.❤️❤️前言~&#x1f973;&#x1f389;&#x1f389;&#x1f389; Hello, Hello~ 亲爱的朋友们&#x1f44b;&#x1f44b;&#xff0c;这里是E绵绵呀✍️✍️。 如果你喜欢这篇文章&#xff0c;请别吝啬你的点赞❤️❤️和收藏&#x1f4d6;&#x1f4d6;。如果你对我的…...

编程日记 2024/9/10 17:29:13

大模型实战一、Ollama+RagFlow 部署本地知识库

大模型实战一、OllamaRagFlow 部署本地知识库 参考你提供的文章&#xff0c;这里是基于 Windows 系统通过 Docker 安装部署 RagFlow 和 Ollama 的本地化大模型知识库的详细教程。本文将指导你如何在 Windows 上使用 Docker 来设置 RagFlow 和 Ollama 环境&#xff0c;并安装通…...

编程日记 2024/9/10 17:25:10

系统工程建模MBSE

################################# ############# 片段一 ############## ################################# 下图采用“V”模式显示了集成的基于模型的系统/嵌入式软件开发流程Harmony。左侧描述了自顶向下的设计流程，而右侧显示了自底而上的从单元测试到最终系统验收测试…...

编程日记 2024/9/10 17:24:09

SVN的使用技巧

SVN&#xff08;Subversion&#xff09;是近年来崛起的版本管理工具&#xff0c;因为是免费的&#xff0c;所以用的人还是不少的。故做一些总结。 如果是新手&#xff0c;基本对SVN一点都不了解的话&#xff0c;建议去学习一下这个系统的教程&#xff0c;讲的也很详细Tortoise…...

编程日记 2024/9/10 17:23:07

使用 RabbitMQ 实现秒杀订单系统的异步消息处理

使用 RabbitMQ 实现秒杀订单系统的异步消息处理 在秒杀系统中&#xff0c;如何确保高并发环境下的订单处理稳定高效是个很大的挑战。为了解决这个问题&#xff0c;我们通常会引入消息队列&#xff0c;通过异步处理来削峰填谷。这篇文章将详细讲解如何使用 RabbitMQ 来设计一个…...

编程日记 2024/9/10 17:22:06

oracle19.3单机升级到Oracle19.22

1.补丁包、opatch准备 -rw-r--r-- 1 oracle oinstall 1817908992 9月 10 14:25 p35943157_190000_Linux-x86-64.zip -rw-r--r-- 1 oracle oinstall 133535622 9月 10 14:22 p6880880_190000_Linux-x86-64.zip2.解压补丁包和opatch包 先将原有opatch备份 [oraclecyptdg ~]$…...

编程日记 2024/9/10 17:20:04

半导体的发展--创世新产品介绍

文章目录 半导体的发展 半导体的发展 现代社会对于芯片的需求是越来越多了&#xff0c;90 年代我们能在收音机&#xff0c;电视机&#xff0c;DVD&#xff0c;上面看到芯片的身影&#xff0c;进入 2000 年&#xff0c;电脑&#xff0c;手机逐渐进入中国家庭&#xff0c;中国高…...

编程日记 2024/9/10 17:17:02

Ubuntu WSL使用技巧

0 Preface/Foreword 1 默认为root用户 当下载完成Ubuntu之后&#xff0c;首次登录&#xff0c;当完成初始化后&#xff0c;提示输入新的用户名时候&#xff0c;直接点击右上角的X按钮&#xff0c;再重新登陆&#xff0c;系统会默认使用root权限登录。...

编程日记 2024/9/10 17:15:00

4 个步骤带你快速上手 Einstein Copilot for Tableau

如果你的企业仍未部署或希望迁移至 Tableau Cloud&#xff0c;可考虑订阅 Tableau 高级套件。 自 Einstein Copilot for Tableau 发布以来&#xff0c;相信部分用户已经尝试过在 Tableau Cloud 中借助 AI 对话助理&#xff0c;快速解决数据分析中的问题&#xff0c;获得更准确的…...

编程日记 2024/9/10 17:13:59

C++ | Leetcode C++题解之第386题字典序排数

题目&#xff1a; 题解&#xff1a; class Solution { public:vector<int> lexicalOrder(int n) {vector<int> ret(n);int number 1;for (int i 0; i < n; i) {ret[i] number;if (number * 10 < n) {number * 10;} else {while (number % 10 9 || numbe…...

编程日记 2024/9/10 17:12:58

vsftpd配置用户和密码让其他客户端连接

一、第一个主机:vsftpd下载及配置 前置准备: #卸载防火墙 yum -y remove firewalld #为了不让防火墙有影响&#xff0c;iptables配置也清空 iptables -F vim /etc/selinux/conf SELINUXdisabled #主要是把它改为disabled或者permissive SELINUXTYPEtargeted #重启linux让seli…...

编程日记 2024/9/10 17:11:57

Oracle使用序列后提示违反唯一约束---解决办法

1、问题原因分析 出现这个问题的原因是插入数据的时候&#xff0c;由于之前没有使用序列插入&#xff0c;而是直接插入了一个比当前序列nextval还大的值&#xff0c;即直接将id写死了。后面再使用序列插入的时候&#xff0c;如果序列小于该值的话&#xff0c;是可以正常插入的…...

编程日记 2024/9/10 17:10:56

乐观锁悲观锁

乐观锁 乐观锁的核心思想是“尽量不去锁定资源&#xff0c;而是尽量让线程并发地工作”&#xff0c;并在最后阶段检查冲突&#xff0c;只有在检测到冲突时才会采取纠正措施。乐观锁通常通过以下方式实现&#xff1a; 版本号控制&#xff1a;每次对共享资源进行修改时&#xf…...

编程日记 2024/9/10 17:08:55

IDEA运行Tomcat出现乱码问题解决汇总

最近正值期末周&#xff0c;有很多同学在写期末Java web作业时&#xff0c;运行tomcat出现乱码问题&#xff0c;经过多次解决与研究&#xff0c;我做了如下整理&#xff1a; 原因&#xff1a; IDEA本身编码与tomcat的编码与Windows编码不同导致&#xff0c;Windows 系统控制台…...

编程新知 2025/7/7 5:29:47

观成科技：隐蔽隧道工具Ligolo-ng加密流量分析

1.工具介绍 Ligolo-ng是一款由go编写的高效隧道工具&#xff0c;该工具基于TUN接口实现其功能&#xff0c;利用反向TCP/TLS连接建立一条隐蔽的通信信道&#xff0c;支持使用Let’s Encrypt自动生成证书。Ligolo-ng的通信隐蔽性体现在其支持多种连接方式&#xff0c;适应复杂网…...

编程新知 2025/7/7 6:04:11

React 第五十五节 Router 中 useAsyncError的使用详解

前言 useAsyncError 是 React Router v6.4 引入的一个钩子&#xff0c;用于处理异步操作&#xff08;如数据加载&#xff09;中的错误。下面我将详细解释其用途并提供代码示例。 一、useAsyncError 用途 处理异步错误&#xff1a;捕获在 loader 或 action 中发生的异步错误替…...

编程新知 2025/6/18 6:31:56

云计算——弹性云计算器（ECS）

弹性云服务器&#xff1a;ECS 概述 云计算重构了ICT系统&#xff0c;云计算平台厂商推出使得厂家能够主要关注应用管理而非平台管理的云平台&#xff0c;包含如下主要概念。 ECS&#xff08;Elastic Cloud Server&#xff09;&#xff1a;即弹性云服务器&#xff0c;是云计算…...

编程新知 2025/6/20 17:50:34

Unity3D中Gfx.WaitForPresent优化方案

前言 在Unity中&#xff0c;Gfx.WaitForPresent占用CPU过高通常表示主线程在等待GPU完成渲染&#xff08;即CPU被阻塞&#xff09;&#xff0c;这表明存在GPU瓶颈或垂直同步/帧率设置问题。以下是系统的优化方案&#xff1a; 对惹&#xff0c;这里有一个游戏开发交流小组&…...

编程新知 2025/7/2 18:06:11

Golang dig框架与GraphQL的完美结合

将 Go 的 Dig 依赖注入框架与 GraphQL 结合使用&#xff0c;可以显著提升应用程序的可维护性、可测试性以及灵活性。 Dig 是一个强大的依赖注入容器&#xff0c;能够帮助开发者更好地管理复杂的依赖关系&#xff0c;而 GraphQL 则是一种用于 API 的查询语言&#xff0c;能够提…...

编程新知 2025/7/6 21:33:24

令牌桶 滑动窗口-＞限流 分布式信号量-＞限并发的原理 lua脚本分析介绍

文章目录 前言限流限制并发的实际理解限流令牌桶代码实现结果分析令牌桶lua的模拟实现原理总结&#xff1a; 滑动窗口代码实现结果分析lua脚本原理解析 限并发分布式信号量代码实现结果分析lua脚本实现原理 双注解去实现限流 并发结果分析&#xff1a; 实际业务去理解体会统一注…...

编程新知 2025/7/7 1:07:56

【C++从零实现Json-Rpc框架】第六弹 —— 服务端模块划分

一、项目背景回顾 前五弹完成了Json-Rpc协议解析、请求处理、客户端调用等基础模块搭建。 本弹重点聚焦于服务端的模块划分与架构设计&#xff0c;提升代码结构的可维护性与扩展性。 二、服务端模块设计目标 高内聚低耦合&#xff1a;各模块职责清晰&#xff0c;便于独立开发…...

编程新知 2025/7/7 11:00:13

C++ Visual Studio 2017厂商给的源码没有.sln文件 易兆微芯片下载工具加开机动画下载。

1.先用Visual Studio 2017打开Yichip YC31xx loader.vcxproj&#xff0c;再用Visual Studio 2022打开。再保侟就有.sln文件了。 易兆微芯片下载工具加开机动画下载 ExtraDownloadFile1Info.\logo.bin|0|0|10D2000|0 MFC应用兼容CMD 在BOOL CYichipYC31xxloaderDlg::OnIni…...

编程新知 2025/7/6 12:01:31

力扣-35.搜索插入位置

题目描述 给定一个排序数组和一个目标值&#xff0c;在数组中找到目标值&#xff0c;并返回其索引。如果目标值不存在于数组中&#xff0c;返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 class Solution {public int searchInsert(int[] nums, …...

编程新知 2025/7/6 20:15:08