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

表单项标签简单学习

news 2025/9/12 5:12:30

目录

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

云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？

大家好&#xff0c;欢迎来到《云原生核心技术》系列的第七篇&#xff01; 在上一篇&#xff0c;我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在&#xff0c;我们就像一个拥有了一块崭新数字土地的农场主&#xff0c;是时…...

编程新知 2025/9/6 5:44:49

三维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/8/21 15:41:11

如何在看板中有效管理突发紧急任务

在看板中有效管理突发紧急任务需要&#xff1a;设立专门的紧急任务通道、重新调整任务优先级、保持适度的WIP&#xff08;Work-in-Progress&#xff09;弹性、优化任务处理流程、提高团队应对突发情况的敏捷性。其中&#xff0c;设立专门的紧急任务通道尤为重要&#xff0c;这能…...

编程新知 2025/9/9 7:19:04

第一篇：Agent2Agent (A2A) 协议——协作式人工智能的黎明

AI 领域的快速发展正在催生一个新时代&#xff0c;智能代理&#xff08;agents&#xff09;不再是孤立的个体&#xff0c;而是能够像一个数字团队一样协作。然而&#xff0c;当前 AI 生态系统的碎片化阻碍了这一愿景的实现&#xff0c;导致了“AI 巴别塔问题”——不同代理之间…...

编程新知 2025/8/19 20:28:20

反射获取方法和属性

Java反射获取方法 在Java中&#xff0c;反射&#xff08;Reflection&#xff09;是一种强大的机制&#xff0c;允许程序在运行时访问和操作类的内部属性和方法。通过反射&#xff0c;可以动态地创建对象、调用方法、改变属性值&#xff0c;这在很多Java框架中如Spring和Hiberna…...

编程新知 2025/7/5 23:14:36

Matlab | matlab常用命令总结

常用命令 一、 基础操作与环境二、 矩阵与数组操作（核心）三、 绘图与可视化四、 编程与控制流五、 符号计算 (Symbolic Math Toolbox)六、 文件与数据 I/O七、 常用函数类别重要提示这是一份 MATLAB 常用命令和功能的总结，涵盖了基础操作、矩阵运算、绘图、编程和文件处理等…...

编程新知 2025/8/11 1:05:59

关于 WASM：1. WASM 基础原理

一、WASM 简介 1.1 WebAssembly 是什么&#xff1f; WebAssembly&#xff08;WASM&#xff09; 是一种能在现代浏览器中高效运行的二进制指令格式&#xff0c;它不是传统的编程语言&#xff0c;而是一种 低级字节码格式&#xff0c;可由高级语言&#xff08;如 C、C、Rust&am…...

编程新知 2025/8/22 19:28:03

IoT/HCIP实验-3/LiteOS操作系统内核实验(任务、内存、信号量、CMSIS..)

文章目录 概述HelloWorld 工程C/C配置编译器主配置Makefile脚本烧录器主配置运行结果程序调用栈 任务管理实验实验结果osal 系统适配层osal_task_create 其他实验实验源码内存管理实验互斥锁实验信号量实验 CMISIS接口实验还是得JlINKCMSIS 简介LiteOS->CMSIS任务间消息交互…...

编程新知 2025/8/18 9:46:04

【Oracle】分区表

个人主页&#xff1a;Guiat 归属专栏&#xff1a;Oracle 文章目录 1. 分区表基础概述1.1 分区表的概念与优势1.2 分区类型概览1.3 分区表的工作原理 2. 范围分区 (RANGE Partitioning)2.1 基础范围分区2.1.1 按日期范围分区2.1.2 按数值范围分区 2.2 间隔分区 (INTERVAL Partit…...

编程新知 2025/9/7 8:51:50

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

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

编程新知 2025/6/20 15:09:15