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

HTML笔记（3）

news 2026/5/12 21:59:27

表单标签

       用于登录、注册界面，以采集用户输入的信息，把信息采集到之后，用户一点按钮，就会把这些信息发送到服务端，服务端就可以把这些数据存储到数据库，所以表单是一个非常重要的html标签，它主要是用于数据的采集功能，采集了数据之后和服务器来进行交互的一个手段。

代码演示

表单有图上框住的两个属性，数据才可以被提交。

method属性值默认为get

       在图上的位置有一个键值对 username = hehe，username就是文本输入框的name属性值，这个将来会作为键，所以不能少；hehe是文本输入框里输入的值。这个键值对将来就会被提交到服务端去，服务端就可以来解析这个键值对来获取到对应的数据。这里没有指定method属性，默认是get，所以键值对就被拼接到了URL地址栏的后面。

method属性值为post

提交数据前

提交数据后

完整版

 

表单项标签

       在修改的时候需要将id一起提交，但是又不能让用户填写，所以这里就需要type属性的取值为hidden，让它隐藏在表单里一起提交到服务端。

代码演示

运行效果

text & password

点击文字，输入框被选中效果

radio

性别单选框，选男选女提交到请求体中内容都是on；不选，请求体中就没有该项信息。

checkbox

单选框只能选一个，复选框可以选多个。

点击注册之后：

请求体中有两个爱好数据

file

选择图片之后的效果

点击注册后会将图片提交到请求体中

（这里知道<input type="file">这句代码可以提供一个文件选择的框框就行了，后续会学习到具体的文件上传相关的内容）

hidden

设置 id 为123

value值被隐藏，看不到隐藏域的效果。

运行后，id一起被提交到请求体中

rese重置按钮

选择数据后，点击重置：

选好的信息数据就会被清空

button按钮

现在没有任何效果，后面会结合JavaScript一起使用，产生一些点击的效果。

select下拉列表

没设置value值点击提交后

设置了value值点击提交后

textarea文本域

运行效果

在文本域输入内容，点击提交：

输入的内容被提交到请求体中

相关文章：

HTML笔记（3）

表单标签 用于登录、注册界面&#xff0c;以采集用户输入的信息&#xff0c;把信息采集到之后&#xff0c;用户一点按钮&#xff0c;就会把这些信息发送到服务端&#xff0c;服务端就可以把这些数据存储到数据库&#xff0c;所以表单是一个非常重要的html标签&#xff0c;它主要…...

编程日记 2023/8/21 9:27:03

c++——重写(覆盖)，实际上对应的就是虚函数

重写是指派生类中存在重新定义的函数。其函数名&#xff0c;参数列表&#xff0c;返回值类型&#xff0c;所有都必须同基类中被重写的函数一致。只有函数体不同&#xff08;花括号内&#xff09;&#xff0c;派生类调用时会调用派生类的重写函数&#xff0c;不会调用被重写函数…...

编程日记 2023/8/21 9:26:01

算法通关村——字符串反转问题解析

1. 反转字符串 反转字符串 编写一个函数&#xff0c;其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给出。 不要给另外的数组分配额外的空间&#xff0c;你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。 1.1 交换 这一题的思路还是简单的&…...

编程日记 2023/8/21 9:24:57

vue + elementui 中 在弹框中使用了 tree型结构(＜el-tree＞＜/el-tree＞)，点击关闭按钮按钮重置tree

vue 项目中使用了element-ui 中 tree&#xff0c;选择了懒加载的模式 通过点击按钮&#xff0c;使得 tree 重新加载 <div class"head-container header-tree" v-if"addDialogVisible"><el-treeref"tree":data"treeData":loa…...

编程日记 2023/8/21 9:23:56

windows adb根据id点击按钮

在 Windows 上使用 adb 根据控件的 ID 来模拟点击按钮&#xff0c;可以使用以下命令&#xff1a; 查看当前屏幕上的所有控件信息&#xff0c;并将其保存到文件中&#xff1a; adb shell uiautomator dump /sdcard/ui.xml 将设备上的 ui.xml 文件下载到计算机上&#xff1a; ad…...

编程日记 2023/8/21 9:22:52

netty（一）：NIO——处理消息边界

处理消息边界 为什么要处理边界 因为会存在半包和粘包的问题 1.客户端和服务端约定一个固定长度 优点&#xff1a;简单 缺点&#xff1a;可能造成浪费 2.客户端与服务端约定一个固定分割符 *缺点 效率低 3.先发送长度&#xff0c;再发送数据 TLV格式&#xff1a; type…...

编程日记 2023/8/21 9:21:51

等保测评--安全计算环境--测评方法

安全子类--身份鉴别 a）应对登录的用户进行身份标识和鉴别，身份标识具有唯一性，身份鉴别信息具有复杂度要求并定期更换； 一、测评对象 终端和服务器等设备中的操作系统(包括宿主机和虚拟机操作系统) 、网络设备(包括虚拟网络设备)、安全设备(包括虚拟安全设备)、移动终端…...

编程日记 2023/8/21 9:20:50

open cv学习 （二）色彩空间和通道

色彩空间和通道 demo1 import cv2hsv_image cv2.imread("./img.png")cv2.imshow("img", hsv_image) hsv_image cv2.cvtColor(hsv_image, cv2.COLOR_BGR2HSV) h, s, v cv2.split(hsv_image) cv2.imshow("B", h) cv2.imshow("G", s…...

编程日记 2023/8/21 9:19:49

RS232、RS422、RS485硬件及RS指令、RS2指令应用知识学习

RS232、RS422、RS485硬件及RS指令、RS2指令应用知识学习 一、串行&#xff08;异步/同步)通讯、并行通讯、以太网通讯 二、单工通讯/半双工通讯/双工通讯 三、常用硬件接口&#xff08;工业上基本是RS485两线制的接线&#xff09; 常用硬件接口RS232/RS422/RS485&#xff0c;…...

编程日记 2023/8/21 9:18:46

背景属性样式

&#x1f353;背景属性 属性名称中文注释备注background-image背景图片url(img-path)background-color背景颜色background-attachment设置背景固定scroll默认值&#xff0c;随盒子滚动&#xff0c; fixed固定&#xff0c;脱离标准流&#xff0c;固定在浏览器窗口&#xff0c;当…...

编程日记 2023/8/21 9:17:45

蓝桥杯每日N题 (消灭老鼠)

大家好 我是寸铁 希望这篇题解对你有用&#xff0c;麻烦动动手指点个赞或关注&#xff0c;感谢您的关注 不清楚蓝桥杯考什么的点点下方&#x1f447; 考点秘籍 想背纯享模版的伙伴们点点下方&#x1f447; 蓝桥杯省一你一定不能错过的模板大全(第一期) 蓝桥杯省一你一定不…...

编程日记 2023/8/21 9:16:43

k8s 用户角色 权限的划分

在Kubernetes中&#xff0c;角色&#xff08;Role&#xff09;和角色绑定&#xff08;RoleBinding&#xff09;用于划分用户的权限。 Kubernetes中的角色定义了一组特定操作的权限&#xff0c;例如 创建、删除或修改特定资源。而 角色绑定则将角色与用户、组或服务账号进行关联…...

编程日记 2023/8/21 9:15:38

聊一下操作系统 macOS 与 Linux

对于Windows操作系统大家都比较熟悉&#xff0c;也常拿它与Linux操作系统进行比较&#xff0c;两者之间的差异也很明显。但对于macOS 和 Linux的比较不太多&#xff0c;很多人认为它们很相似&#xff0c;因为这两种操作系统都可以运行 Unix 命令。其实详细比较下&#xff0c;两…...

编程日记 2023/8/21 9:14:37

OJ练习第153题——分发糖果

分发糖果 力扣链接&#xff1a;135. 分发糖果 题目描述 n 个孩子站成一排。给你一个整数数组 ratings 表示每个孩子的评分。 你需要按照以下要求&#xff0c;给这些孩子分发糖果&#xff1a; 每个孩子至少分配到 1 个糖果。 相邻两个孩子评分更高的孩子会获得更多的糖果。…...

编程日记 2023/8/21 9:13:34

iOS 通知推送服务端部署测试过程详细版

文章目录 iOS 通知推送服务端部署测试过程详细版前言部署Serverless 版Bark-server1.注册Render 账号2.创建一个Web Service3.连接 repository4.Web Service 设置推送测试1.手机端安装 bark2.设定服务器3.发送测试推送请求参数列表:4.手机推送结果iOS 通知推送服务端部署测试过…...

编程日记 2023/8/21 9:12:33

【COMP282 LEC3 LEC4 LEC5】

LEC 3 Overloading 超载 1. Two functions can have the same name if they have different parameters 2. The compiler will use the one whose parameters match the ones you pass in Performing Addition “” 重载一个operator &#xff0c;这个operator函数被定义…...

编程日记 2023/8/21 9:11:32

panda3d加载模型复习和python面向对象编程属性学习

运行一个python示例&#xff1b;然后去除一些代码&#xff0c;只剩下加载模型相关&#xff0c;如下&#xff1b; from panda3d.core import loadPrcFileData # Configure the parallax mapping settings (these are just the defaults) loadPrcFileData("", "p…...

编程日记 2023/8/21 9:10:30

使用 Node.js 生成优化的图像格式

使用 Node.js 生成优化的图像格式 图像是任何 Web 应用程序的重要组成部分&#xff0c;但如果优化不当&#xff0c;它们也可能成为性能问题的主要根源。在本文中&#xff0c;我们将介绍如何使用 Node.js 自动生成优化的图像格式&#xff0c;并以最适合用户浏览器的格式显示它们…...

编程日记 2023/8/21 9:09:27

【WinAPI详解】＜CreateWindowEx详解＞

函数原型: HWND CreateWindowEx(DWORD dwExStyle, //窗口的扩展风格&#xff08;加强版专有&#xff09;LPCTSTR lpClassName, //已经注册的窗口类名称LPCTSTR lpWindowName,//窗口标题栏的名字DWORD dwStyle, //窗口的基本风格int x, //窗口左上角水平坐标位置int …...

编程日记 2023/8/21 9:08:26

【Git】分支管理

文章目录 一、理解分支二、创建、切换、合并分支三、删除分支四、合并冲突五、合并模式六、分支策略七、bug分支八、强制删除分支 努力经营当下 直至未来明朗&#xff01; 一、理解分支 HEAD指向的是master分支&#xff0c;master中指向的是最新一次的提交&#xff0c;也就是m…...

编程日记 2023/8/21 9:07:25

对比官方价格体验Taotoken活动价带来的直接成本节省

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 对比官方价格体验 Taotoken 活动价带来的直接成本节省 在开发与使用大模型 API 的过程中&#xff0c;成本是每个开发者与团队都需要…...

编程新知 2026/5/12 20:07:29

正点原子 STM32MP257 同构多核架构下的 ADC 电压采集与处理应用开发实战

在嵌入式系统中&#xff0c;ADC模拟电压的读取是常见的需求。如何高效、并发、且可控地完成数据采集与处理&#xff1f;本篇文章通过双线程分别绑定在 Linux 系统的不同 CPU 核心上&#xff0c;采集 /sys/bus/iio 接口的 ADC 原始值与缩放系数 scale&#xff0c;并在另一个核上…...

编程新知 2026/5/12 18:46:14

WeChatMsg：如何用开源工具构建你的个人数字记忆库

WeChatMsg&#xff1a;如何用开源工具构建你的个人数字记忆库 【免费下载链接】WeChatMsg 提取微信聊天记录&#xff0c;将其导出成HTML、Word、CSV文档永久保存&#xff0c;对聊天记录进行分析生成年度聊天报告 项目地址: https://gitcode.com/GitHub_Trending/we/WeChatMsg…...

编程新知 2026/5/12 18:07:30

FastAPI + 异步 SQLAlchemy 实战：从零搭建图书管理 CRUD 项目

前言 本篇将从零开始&#xff0c;带你搭建一个完整的异步图书管理 CRUD 项目&#xff0c;覆盖环境搭建、数据库连接、模型定义、12 种核心接口实现。献给和博主一样刚踏入SQLAlchemy的新手小白们。 注意&#xff1a;本文基础知识较多&#xff0c;不需要的大佬可直接跳到具体操…...

编程新知 2026/5/12 17:50:04

三步打造你的数字记忆库：WeChatMsg微信聊天记录永久保存指南

三步打造你的数字记忆库&#xff1a;WeChatMsg微信聊天记录永久保存指南 【免费下载链接】WeChatMsg 提取微信聊天记录&#xff0c;将其导出成HTML、Word、CSV文档永久保存&#xff0c;对聊天记录进行分析生成年度聊天报告 项目地址: https://gitcode.com/GitHub_Trending/we…...

编程新知 2026/5/12 13:09:34

AI智能体构建实战：从架构设计到工程落地的关键挑战与解决方案

1. 项目概述&#xff1a;揭开AI智能体构建的隐秘面纱 “构建AI智能体”&#xff0c;这听起来像是当下最酷、最前沿的技术话题。无论是科技新闻还是行业论坛&#xff0c;你都能看到无数关于智能体如何自动化工作流、理解复杂指令、甚至自主决策的激动人心的讨论。然而&#xff0…...

编程新知 2026/5/12 12:38:09

喜马拉雅音频下载器：三分钟学会批量保存心爱内容

喜马拉雅音频下载器&#xff1a;三分钟学会批量保存心爱内容 【免费下载链接】xmly-downloader-qt5 喜马拉雅FM专辑下载器. 支持VIP与付费专辑. 使用GoQt5编写(Not Qt Binding). 项目地址: https://gitcode.com/gh_mirrors/xm/xmly-downloader-qt5 在数字音频内容日益丰…...

编程新知 2026/5/12 12:32:10

AI驱动音乐合成：JUCE与LibTorch实时音频插件开发全解析

1. 项目概述&#xff1a;当AI遇见音乐合成 如果你和我一样&#xff0c;既是个音乐制作爱好者&#xff0c;又对前沿技术充满好奇&#xff0c;那么最近在GitHub上出现的 martinic/DrMixAISynth 项目&#xff0c;绝对值得你花上一个周末的时间好好研究一番。这个项目&#xff0c…...

编程新知 2026/5/12 10:38:05

OpencvSharp 算子学习教案之 - Cv2.Sobel

OpencvSharp 算子学习教案之 - Cv2.Sobel 大家好&#xff0c;Opencv在很多工程项目中都会用到&#xff0c;而OpencvSharp则是以C#开发与实现的Opencv操作库&#xff0c;对.NET开发人员友好&#xff0c;但很多API的中文资料、应用场景及常见坑点等缺乏系统性归纳&#xff0c;因此…...

编程新知 2026/5/12 10:30:51

C语言编写轻量爬虫工具

当我们要使用C语言编写一个定制化轻量爬虫工具&#xff0c;得需要结合网络请求、HTML解析和数据处理等步骤。由于是轻量级&#xff0c;正常情况下我们将使用C语言标准库以及一些第三方库来简化开发。这样省时省力&#xff0c;生态丰富可以帮助大家少走很多弯路。具体细节可以看…...

编程新知 2026/5/12 9:47:02