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

HTML：表单

news 2026/3/28 3:04:15

目录

案例：

一、form标签

二、input标签

三、textarea标签

四、select标签

五、fieldset 标签

案例：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>报名表</title>
</head>
<body><form action="demo/welcome.php" method="post">名字：<input type="text" name="name"><br><br>邮箱：<input type="text" name="email"><br><br><button type="submit">提交</button></form>
</body>
</html>

一、form标签

<form> 标签用于为用户输入创建 HTML 表单。可以包含input、select等标签。

属性值描述
methodget/post规定发送数据的HTTP方法。
actionURL表单向何处发送数据。

拓展资料：

POST和GET的区别：

1.用法不同：

        GET请求：从指定的资源请求数据，用于获取数据，一般用于搜索排序和筛选之类的操作。

        POST请求：向指定的资源提交要被处理的数据，用于将数据发送给服务器。

2.安全程度：

        GET 请求：它的数据附加在 URL 上，因此对所有人都是可见的，这可能会引起安全问题，特别是当传输敏感数据时。

        POST 请求：其数据在请求体内，对用户不可见，更适合传输敏感信息。

3.大小限制：

        GET 请求：有URL长度限制，只能发送小数据量。

        POST 请求：数据大小限制小，适合发送大数据量。

4.缓存和历史记录：

        GET 请求：会存在在缓存和历史记录中。

        POST 请求：不会存在在缓存和历史记录中。

二、input标签

<input>输入字段，根据type的变化有多种类型，无闭合标签。

属性值描述
type

text文本框、password密码、radio单选框、checkbox复选框、submit提交按钮、reset重置按钮

data日期，datetime-local详细时间

根据type不同的取值有不同的类型。
checkedchecked与复选框和单选框搭配表示默认选定该项。
sizenumber表示文本框的宽度。
valuetext表示输入框默认值。
maxlengthnumber表示文本框最大输入字符数。

<lable>标签：它的for属性可与单选框和复选框搭配使用，用来扩大其选中范围。只要保持for的值与复选框或单选框的id值相等即可。

实例：

<form action="" method="post"><input id="跑步" type="checkbox"><label for="跑步">跑步</label>
</form>

效果：

<button>标签：代表自定义按钮，要编写JavaScript脚本函数且用onclick链接。 

三、textarea标签

textarea标签：代表多行文本输入框可以用cols和rows指定列数和行数。

实例：

<form action="" method="post"><textarea cols="15" rows="10"></textarea>
</form>

效果：

 

四、select标签

<select>标签：用来制作下拉列表，内含option标签，有多少个选项就有多少个option标签，其次option标签含selected表示默认被选中。

属性值描述
sizenumber指定下拉列表最大可见项数目。
autofocusautofocus指定在页面加载后文本区域自动获得焦点。
multiplemultiple指定该下拉列表支持多个选项，可多选。

实例：

<form action="" method="post"><select multiple="multiple" size="1"><option >hello</option><option >world</option><option >11111</option></select>
</form>

效果： 

五、fieldset 标签

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段，可以与legend标签搭配使用。当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

<legend>标签用于为fieldset标签添加说明文字。

注意：legend 元素必须是 fieldset 元素的第一个子元素。

 实例：

<fieldset><legend>健康信息</legend>身高：<input type="text" />体重：<input type="text" />
</fieldset>

 效果：

相关文章：

HTML：表单

目录 案例&#xff1a; 一、form标签 二、input标签 三、textarea标签 四、select标签 五、fieldset 标签 案例&#xff1a; <!DOCTYPE html> <html> <head><meta charset"UTF-8"><title>报名表</title> </head> &l…...

编程日记 2024/4/11 3:04:02

即插即用篇 | YOLOv5/v7引入Haar小波下采样 | 一种简单而有效的语义分割下采样模块

本改进已集成到 YOLOv5-Magic 框架。 下采样操作如最大池化或步幅卷积在卷积神经网络（CNNs）中被广泛应用，用于聚合局部特征、扩大感受野并减少计算负担。然而，对于语义分割任务，对局部邻域的特征进行池化可能导致重要的空间信息丢失，这有助于逐像素预测。为了解决这个问题…...

编程日记 2024/4/11 3:02:00

Plonky2.5：在Plonky2中验证Plonky3 proof

1. 引言 Plonky2.5为QED Protocol团队主导的项目&#xff0c;定位为&#xff1a; 在Plonky2 SNARK中验证Plonky3 STARK proof。 从而实现Plonky系列的递归证明。 开源代码实现见&#xff1a; https://github.com/QEDProtocol/plonky2.5https://github.com/Plonky3/Plonky3&a…...

编程日记 2024/4/11 2:59:58

卷积通用模型的剪枝、蒸馏---剪枝篇（此处以deeplabv3+为例，可根据模型自行定制剪枝层）

之后的两篇文章是对前段时间工作的一个总结。 一、环境配置 1.1、文章以b导的代码为模板，环境配置比较简单（第二篇蒸馏篇结束后会放置剪枝蒸馏配置好的百度网盘链接），其他算法自行配置，在剪枝之前，需要保证算法能够在本地跑通。 B导链接： https://github.com/bubbliiiin…...

编程日记 2024/4/11 2:58:56

使用Ollama在本地运行AI大模型gemma

1.下载&#xff1a; https://github.com/ollama/ollama/releases 2.配置环境变量 我的电脑-右键-属性-系统-高级系统设置-环境变量-【系统环境变量】新建 变量名&#xff1a;OLLAMA_MODELS &#xff08;固定变量名&#xff09; 变量值&#xff1a;E:\Ollama\Lib &#xff0…...

编程日记 2024/4/11 2:57:55

【IC前端虚拟项目】时序面积优化与综合代码出版本交付

【IC前端虚拟项目】数据搬运指令处理模块前端实现虚拟项目说明-CSDN博客 到目前为止，我们完成了第一版综合，那么就可以打开报告看一下了，一看就会发现在1GHz时钟下时序真的很差（毕竟虚拟项目里使用的工艺库还是比较旧的，如果用12nm、7mn会好很多）： Timing Path Group cl…...

编程日记 2024/4/11 2:56:54

windows版本-idea中下载的java版本在哪

1、点击idea的file-projectStructure 进入&#xff1a; 通过电脑目录进入该目录 找到bin目录&#xff0c;copy该目录地址 copy下来之后设置到系统环境变量中...

编程日记 2024/4/11 2:54:52

设计模式：创建者模式

定义 创建者模式&#xff08;Builder Pattern&#xff09;&#xff0c;又称建造者模式&#xff0c;是一种创建型设计模式&#xff0c;它提供了一种创建对象的最佳方式。该模式允许将一个复杂对象的构建与它的表示分离&#xff0c;这样同样的构建过程可以创建不同的表示。创建者…...

编程日记 2024/4/11 2:53:51

【linux】基础IO（四）

在上一篇基础IO中我们主要讲述了文件再磁盘中的存储&#xff0c;当然我们说的也都只是预备知识&#xff0c;为这一篇的文件系统进行铺垫。 目录 搭文件系统的架子&#xff1a;填补细节&#xff1a;inode&#xff1a;datablock[]: 更上层的理解&#xff1a; 搭文件系统的架子&a…...

编程日记 2024/4/11 2:49:48

集合框架（数组，Arrays.sort，list,map,set,stack,queue）蓝桥杯习题

前言(基本知识) List集合 有序&#xff0c;接口&#xff0c; List<引用数据类型> listnew ArrayList<>(); 方法&#xff1a; add() size() get()//索引index从0开始&#xff0c;返回对应的值 isEmpty()判断是否包含该元素,不包含返回true&#xff0c;包含返…...

编程日记 2024/4/11 2:48:47

【C++基础】运算符和流程控制语句

C中的运算符和流程控制语句 一、运算符1. C和Java在通用运算符中的不同之处对比2. C中的位运算符2.1 移位运算符2.2 位逻辑运算符 3. 运算时的类型转换总结3.1 隐式类型转换3.2 显式类型转换&#xff08;强制类型转换&#xff09; 4. 注意 二、流程控制语句1. C和Java在通用流程…...

编程日记 2024/4/11 2:44:41

AOF文件重写

1.2.3.AOF文件重写 因为是记录命令&#xff0c;AOF文件会比RDB文件大的多。而且AOF会记录对同一个key的多次写操作&#xff0c;但只有最后一次写操作才有意义。通过执行bgrewriteaof命令&#xff0c;可以让AOF文件执行重写功能&#xff0c;用最少的命令达到相同效果。 如图&am…...

编程日记 2024/4/11 2:41:39

第四次面试总结 — 嘉和智能 - 全栈开发

&#x1f9f8;欢迎来到dream_ready的博客&#xff0c;&#x1f4dc;相信您对专栏 “本人真实面经” 很感兴趣o (ˉ▽ˉ&#xff1b;) 专栏 —— 本人真实面经&#xff0c;更多真实面试经验&#xff0c;中大厂面试总结等您挖掘 目录 总结&#xff08;非详细&#xff09; 面试内…...

编程日记 2024/4/11 2:40:38

tx-lcn使用

tx-lcn是啥 tx-lcn是一个分布式事务框架&#xff0c;有两个模块组成管理端&#xff08;server&#xff09;和client端。 管理端用于分布式事务的注册&#xff0c;事务消息接收&#xff0c;事务消息下发等管理工作。 client端包括事务发起方&#xff0c;事务参与方。 LCN名称是…...

编程日记 2024/4/11 2:38:36

oracle恢复异常处理

问题现象&#xff1a; RMAN> 2> 3> 4> 5> 6> 7> 8> 9> 10> 11> 12> 13> 14> 15> 16> 17> 18> 19> 20> 21> 22> 23> 24> using target database control file instead of recovery catalog allocate…...

编程日记 2024/4/11 2:35:33

谈谈什么是 Redis

&#x1f525;博客主页&#xff1a;fly in the sky - CSDN博客 &#x1f680;欢迎各位&#xff1a;点赞&#x1f44d;收藏⭐️留言✍️&#x1f680; &#x1f386;慢品人间烟火色,闲观万事岁月长&#x1f386; &#x1f4d6;希望我写的博客对你有所帮助,如有不足,请指正&#…...

编程日记 2024/4/11 2:30:28

备战蓝桥杯（java）（日益更新）

备战蓝桥杯&#xff08;java&#xff09;&#xff08;日益更新&#xff09; 文章目录 备战蓝桥杯&#xff08;java&#xff09;&#xff08;日益更新&#xff09;前言&#xff1a;一、c 到 java 须要注意的地方&#xff1a;二、多练java代码&#xff1a;&#xff08;用java代码…...

编程日记 2024/4/11 2:29:27

06 Php学习：字符串

PHP 中的字符串变量 在 PHP 中&#xff0c;字符串是一种常见的数据类型&#xff0c;用于存储文本数据。字符串变量可以包含字母、数字、符号等字符&#xff0c;并且可以进行各种操作和处理。以下是关于 PHP 中字符串变量的一些重要信息&#xff1a; 定义字符串变量&#xff1…...

编程日记 2024/4/11 2:28:26

python画图Matplotlib和Seaborn

python画图Matplotlib和Season 一、Matplotlib1、介绍2、安装3、内容二、Seaborn1、介绍2、安装3、内容一、Matplotlib Matplotlib官网 1、介绍 Matplotlib 是一个 Python 的绘图库，用于创建高质量的二维图表和一些基本的三维图表。它广泛应用于科学计算、数据分析、工程学和…...

编程日记 2024/4/11 2:27:25

一体式I/O模块与RS485串口联动，实现工业网络无缝对接

在现代工业自动化领域中&#xff0c;一体化I/O模块和RS485串口的联动应用已经成为实现工业设备高效、稳定通信的关键技术手段之一。这种联动机制能够有效地将各种现场设备的数据实时、准确地传输到上位机系统&#xff0c;从而实现工业网络的无缝对接。 一体化I/O模块&#xff…...

编程日记 2024/4/11 2:26:24

vLLM-v0.17.1参数详解：--disable-log-stats与--log-level日志调优

vLLM-v0.17.1参数详解&#xff1a;--disable-log-stats与--log-level日志调优 1. vLLM框架简介 vLLM是一个专为大型语言模型(LLM)设计的高性能推理和服务库&#xff0c;以其出色的吞吐量和易用性著称。这个项目最初由加州大学伯克利分校的天空计算实验室开发&#xff0c;现在…...

编程新知 2026/3/28 2:53:11

从‘丐版’到‘神板’：深度拆解Raspberry Pi Zero 2 W的散热设计与性能压榨指南

从‘丐版’到‘神板’&#xff1a;深度拆解Raspberry Pi Zero 2 W的散热设计与性能压榨指南 当一款信用卡大小的开发板搭载四核处理器时&#xff0c;散热与性能的平衡便成为硬件极客们最热衷的挑战。Raspberry Pi Zero 2 W以不到15美元的定价&#xff0c;却藏着令人惊喜的工程智…...

编程新知 2026/3/28 1:56:18

MATPOWER电力系统仿真实践手册：从安装到应用的全面指南

MATPOWER电力系统仿真实践手册&#xff1a;从安装到应用的全面指南 【免费下载链接】matpower MATPOWER – steady state power flow simulation and optimization for MATLAB and Octave 项目地址: https://gitcode.com/gh_mirrors/ma/matpower MATPOWER是一款专为MATL…...

编程新知 2026/3/28 1:09:38

嵌入式pRNG：基于WDT与LFSR的轻量级硬件熵随机数生成器

1. pRNG库概述&#xff1a;面向嵌入式系统的轻量级熵收集型伪随机数生成器pRNG&#xff08;Pseudo-Random Number Generator&#xff09;是一个专为资源受限微控制器设计的开源伪随机数生成库&#xff0c;其核心设计哲学是在极小内存开销下&#xff0c;通过硬件时序抖动提取物理…...

编程新知 2026/3/28 0:59:34

【AI+教育】告别“硬啃”长文，它把文档直接变成你的专属视频课

在这个信息大爆炸的时代，我们最不缺的就是资料：网盘里屯满的行业报告、收藏了却从未打开的学术论文、买来盖泡面的大部头教材……知识就在那里，但“学进去”实在太难了。 秘塔推出的“今天学点啥”，就是为了解决这个痛点而生的。它的核心逻辑非常简单粗暴：你把看不进去的文…...

编程新知 2026/3/28 0:09:20

Qwen3.5-4B-Claude-Opus推理模型基础教程：Temperature/Top-P参数详解

Qwen3.5-4B-Claude-Opus推理模型基础教程&#xff1a;Temperature/Top-P参数详解 1. 模型概述 Qwen3.5-4B-Claude-4.6-Opus-Reasoning-Distilled-GGUF是一个基于Qwen3.5-4B的推理蒸馏模型&#xff0c;特别强化了结构化分析、分步骤回答以及代码与逻辑类问题的处理能力。该模型…...

编程新知 2026/3/27 23:02:34

从硬件迷宫到macOS殿堂：OpCore Simplify如何重塑黑苹果配置体验

从硬件迷宫到macOS殿堂&#xff1a;OpCore Simplify如何重塑黑苹果配置体验 【免费下载链接】OpCore-Simplify A tool designed to simplify the creation of OpenCore EFI 项目地址: https://gitcode.com/GitHub_Trending/op/OpCore-Simplify 对于许多技术爱好者来说&a…...

编程新知 2026/3/27 22:58:32

突破远程桌面限制：RDP Wrapper实现多用户并发连接的创新解决方案

突破远程桌面限制&#xff1a;RDP Wrapper实现多用户并发连接的创新解决方案 【免费下载链接】rdpwrap RDP Wrapper Library 项目地址: https://gitcode.com/gh_mirrors/rd/rdpwrap 副标题&#xff1a;适用于Windows Vista至Windows 11全版本的远程桌面功能扩展工具 在…...

编程新知 2026/3/27 22:46:24

巨有科技：银发文旅风口来了！康养旅游这样做才赚

随着老龄化社会加深与全民健康意识提升&#xff0c;康养旅游成为2026年文旅行业最具潜力的风口赛道&#xff0c;银发旅游群体持续壮大&#xff0c;成为文旅市场核心增量。但当下康养旅游普遍存在产品单一、服务不专业、运营不规范、适配性不足等问题&#xff0c;传统观光式旅游…...

编程新知 2026/3/27 20:49:38

OpenClaw量化对比：Qwen3.5-4B-Claude-4.6-Opus-Reasoning-Distilled-GGUF不同精度版本的自动化任务表现

OpenClaw量化对比&#xff1a;Qwen3.5-4B-Claude-4.6-Opus-Reasoning-Distilled-GGUF不同精度版本的自动化任务表现 1. 测试背景与实验设计 去年在开发一个自动化文档处理流程时&#xff0c;我发现OpenClaw的任务成功率与底层模型量化精度密切相关。当时使用Q8版本处理Excel文…...

编程新知 2026/3/27 20:37:37