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

表单项标签简单学习

news 2026/2/10 3:08:22

目录

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

生成xcframework

打包 XCFramework 的方法 XCFramework 是苹果推出的一种多平台二进制分发格式&#xff0c;可以包含多个架构和平台的代码。打包 XCFramework 通常用于分发库或框架。 使用 Xcode 命令行工具打包 通过 xcodebuild 命令可以打包 XCFramework。确保项目已经配置好需要支持的平台…...

编程新知 2025/10/5 2:30:38

JavaSec-RCE

简介 RCE(Remote Code Execution)&#xff0c;可以分为:命令注入(Command Injection)、代码注入(Code Injection) 代码注入 1.漏洞场景&#xff1a;Groovy代码注入 Groovy是一种基于JVM的动态语言&#xff0c;语法简洁&#xff0c;支持闭包、动态类型和Java互操作性&#xff0c…...

编程新知 2026/2/8 6:37:39

idea大量爆红问题解决

问题描述 在学习和工作中&#xff0c;idea是程序员不可缺少的一个工具&#xff0c;但是突然在有些时候就会出现大量爆红的问题&#xff0c;发现无法跳转&#xff0c;无论是关机重启或者是替换root都无法解决 就是如上所展示的问题&#xff0c;但是程序依然可以启动。 问题解决…...

编程新知 2026/2/8 6:37:38

React Native 开发环境搭建（全平台详解）

React Native 开发环境搭建&#xff08;全平台详解&#xff09; 在开始使用 React Native 开发移动应用之前&#xff0c;正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南&#xff0c;涵盖 macOS 和 Windows 平台的配置步骤&#xff0c;如何在 Android 和 iOS…...

编程新知 2025/10/7 2:47:54

三维GIS开发cesium智慧地铁教程（5）Cesium相机控制

一、环境搭建 <script src"../cesium1.99/Build/Cesium/Cesium.js"></script> <link rel"stylesheet" href"../cesium1.99/Build/Cesium/Widgets/widgets.css"> 关键配置点&#xff1a; 路径验证&#xff1a;确保相对路径.…...

编程新知 2025/12/1 19:23:04

C++ 求圆面积的程序（Program to find area of a circle）

给定半径r&#xff0c;求圆的面积。圆的面积应精确到小数点后5位。 例子&#xff1a; 输入&#xff1a;r 5 输出&#xff1a;78.53982 解释&#xff1a;由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982&#xff0c;因为我们只保留小数点后 5 位数字。 输…...

编程新知 2026/1/31 12:52:15

使用 SymPy 进行向量和矩阵的高级操作

在科学计算和工程领域&#xff0c;向量和矩阵操作是解决问题的核心技能之一。Python 的 SymPy 库提供了强大的符号计算功能&#xff0c;能够高效地处理向量和矩阵的各种操作。本文将深入探讨如何使用 SymPy 进行向量和矩阵的创建、合并以及维度拓展等操作&#xff0c;并通过具体…...

编程新知 2026/2/8 21:52:30

CSS设置元素的宽度根据其内容自动调整

width: fit-content 是 CSS 中的一个属性值&#xff0c;用于设置元素的宽度根据其内容自动调整&#xff0c;确保宽度刚好容纳内容而不会超出。 效果对比 默认情况&#xff08;width: auto&#xff09;&#xff1a; 块级元素&#xff08;如 <div>&#xff09;会占满父容器…...

编程新知 2025/10/16 16:03:09

day36-多路IO复用

一、基本概念 &#xff08;服务器多客户端模型&#xff09; 定义&#xff1a;单线程或单进程同时监测若干个文件描述符是否可以执行IO操作的能力 作用&#xff1a;应用程序通常需要处理来自多条事件流中的事件&#xff0c;比如我现在用的电脑&#xff0c;需要同时处理键盘鼠标…...

编程新知 2026/1/31 7:42:50

springboot 日志类切面，接口成功记录日志，失败不记录

springboot 日志类切面&#xff0c;接口成功记录日志&#xff0c;失败不记录 自定义一个注解方法 import java.lang.annotation.ElementType; import java.lang.annotation.Retention; import java.lang.annotation.RetentionPolicy; import java.lang.annotation.Target;/***…...

编程新知 2026/2/1 13:59:09