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

HTML笔记（3）

news 文章来源：https://blog.csdn.net/qq_54860697/article/details/132305677 2024/11/16 12:29:49

表单标签

       用于登录、注册界面，以采集用户输入的信息，把信息采集到之后，用户一点按钮，就会把这些信息发送到服务端，服务端就可以把这些数据存储到数据库，所以表单是一个非常重要的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

玩转单元测试之gtest

引言 程序开发的时候&#xff0c;往往需要编写一些测试样例来完成功能测试&#xff0c;以保证自己的代码在功能上符合预期&#xff0c;能考虑到一些异常边界问题等等。 gtest快速入门 1.引入gtest # 使用的是1.10版本&#xff0c;其他版本可根据需要选择 git clone -b v1.1…...

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

Tomcat 一次请求的生命周期

在使用 Tomcat 的时候&#xff0c;我们只需要在 Servlet 实现类中写我们的业务逻辑代码即可&#xff0c;不需要管 Socket 连接、协议处理要怎么实现&#xff0c;因为这部分作为不经常变动的部分&#xff0c;被封装到了 Tomcat 中&#xff0c;程序员只需要引入 Tomcat 中即可&am…...

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

spring cloud gateway中配置uri

gateway中配置uri配置有三种方式: websocket方式&#xff1a;uri: ws://localhost:9000http方式: uri: http://localhost:8130/lb注册中心配置方式&#xff08;注册的服务名称&#xff09;: uri: lb://monitor-ms gateway的lb方式识别的服务名称命名规则&#xff1a; "[…...

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

使用NAudio录制wav音频

NAudio NAudio官网 环境 Unity2019.4.34f1c1 Window10 NAudio 1.10 .Net 3.5 录制音频 WaveInEvent类可录制音频 StartRecording方法 启用录制StopRecording方法 停止录制DataAvailable 录制中回调RecordingStopped 录制结束回调 WaveFileWriter类可存储音频 Write方法…...

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

数据结构之动态内存管理机制

目录 数据结构之动态内存管理机制 占用块和空闲块 系统的内存管理 可利用空间表 分配存储空间的方式 空间分配与回收过程产生的问题 边界标识法管理动态内存 分配算法 回收算法 伙伴系统管理动态内存 可利用空间表中结点构成 分配算法 回收算法 总结 无用单元收…...

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

【汇编语言】栈及栈操作的实现

文章目录 栈结构栈操作栈的小结 栈结构 栈是一种只能在一端插入或删除的数据结构&#xff1b;栈有两个基本的操作&#xff1a;入栈和出栈&#xff1b; 入栈&#xff1a;将一个新的元素放到栈顶&#xff1b;出栈&#xff1a;从栈顶取出一个元素&#xff1b; 栈的操作规则&#…...

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

【JavaEE】面向切面编程AOP是什么-Spring AOP框架的基本使用

【JavaEE】Spring AOP&#xff08;1&#xff09; 文章目录 【JavaEE】Spring AOP&#xff08;1&#xff09;1. Spring AOP 是什么1.1 AOP 与 Spring AOP1.2 没有AOP的世界是怎样的1.3 AOP是什么 2. Spring AOP 框架的学习2.1 AOP的组成2.1.1 Aspect 切面2.1.2 Pointcut 切点2.1…...

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

SpringBoot+微信小程序奶茶在线点单小程序系统 附带详细运行指导视频

文章目录 一、项目演示二、项目介绍三、运行截图四、主要代码 一、项目演示 项目演示地址&#xff1a; 视频地址 二、项目介绍 项目描述&#xff1a;这是一个基于SpringBoot微信小程序框架开发的奶茶在线点单小程序系统。首先&#xff0c;这是一个前后端分离的项目&#xff…...

编程日记 2023/8/21 8:59:12

【支付宝小程序】开发基础--文件结构教程

&#x1f996;我是Sam9029&#xff0c;一个前端 Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主 &#x1f431;‍&#x1f409;&#x1f431;‍&#x1f409;恭喜你&#xff0c;若此文你认为写的不错&#xff0c;不要吝啬你的赞扬&#xff0c;求收…...

编程日记 2023/8/21 8:58:11

LLM 生成式配置的推理参数温度 top k tokens等 Generative configuration inference parameters

在这个视频中&#xff0c;你将了解一些方法和相关的配置参数&#xff0c;这些参数可以用来影响模型在下一个词生成时的最终决策方式。如果你在Hugging Face网站或AWS的游乐场中使用过LLMs&#xff0c;你可能已经看到了这些控制选项&#xff0c;用来调整LLM的行为。每个模型都暴…...

编程日记 2023/8/21 8:57:09

什么样的网页设计好/关键词优化排名软件s

关于面试的一些小窍门&#xff0c;内容仅代表我个人观点&#xff0c;欢迎批评指正。 之前已经分享过怎么样做一份看起来还算不错的简历了&#xff1a; 老司机的分享&#xff1a;写简历的过程中&#xff0c;都有哪些坑&#xff1f;&#xff08;点开即可查看&#xff09; 1、关…...

编程日记 2024/11/16 2:09:04

求职网站网页设计/郑州网站建设公司排行榜

问题源于&#xff1a;长沙讲有的栏目不要再显示了&#xff0c;本想使用众多session来实现。但过于烦琐。故在csdn求助。得到头像是台湾馆好汉之帮助。整理如下&#xff1a;学习了foreach: <?php $menuarray(1>订单,2>入库,3>库存,5>出库指示,7>出库,9>设…...

编程日记 2024/11/16 1:50:08

刚开始的网站开发公司/网站如何快速收录

hadoop是用Java语言实现的开源软件框架&#xff0c;可以支持多种语言&#xff0c;我学习的时候用得自然就是Java了。 在开始编程之前需要做一些配置工作&#xff1a; Hadoop开发&#xff1a;Hadoop为HDFS和Mapreduce提供了基础的支持&#xff0c;叫hadoop common。Hadoop有一个…...

编程日记 2024/11/15 23:39:37

网络建站怎么做/视频号视频下载助手app

A. Three Pairwise Maximums 题意&#xff1a;xmax(a,b);ymax(a,c),zmax(b,c),输出满足的a&#xff0c;b&#xff0c;c&#xff1b; 思路&#xff1a;直接看分三种情况a最大&#xff0c;b最大&#xff0c;c最大。某一项最大了&#xff0c;剩下的那俩就输出小的那个就可以啦&…...

编程日记 2024/11/15 23:26:29

淘客网站怎么做淘口令/百度竞价排名又叫

编写安全的代码很困难&#xff0c;当你学习一门编程语言、一个模块或框架时&#xff0c;你会学习其使用方法。在考虑安全性时&#xff0c;你需要考虑如何避免代码被滥用&#xff0c;Python也不例外&#xff0c;即使在标准库中&#xff0c;也存在着许多糟糕的实例。然而&#xf…...

编程日记 2024/11/15 21:12:13

先做网站还是先解析/it培训

layui怎么实现三级联动&#xff1f;下面本篇文章给大家介绍一下使用layui实现三级联动效果。有一定的参考价值&#xff0c;有需要的朋友可以参考一下&#xff0c;希望对大家有所帮助。基于layui的三级联动模块直接进入主题吧。封装的模块需要固定的html代码&#xff0c;因为是通…...

编程日记 2024/11/15 17:46:52