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

【前端寻宝之路】学习和使用label标签

news 2025/6/22 20:19:43

](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

🌈个人主页: Aileen_0v0
🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL|
💫个人格言:“没有罗马,那就自己创造罗马~”

文章目录

`label标签`
- `select标签`
- `文本标签`
- `无语义标签`
- `HTML特殊字符`

`label标签`

label标签常搭配input使用

    <input type="radio" name="sex">男<input type="radio" name="sex">女

在这里插入图片描述

        <!-- 将文字和单选按钮关联在一起利用label标签 --><label for="male">男</label><input type="radio" name="sex" id="male"><label for="female">女</label><input type="radio" name="sex" id="female">

label中的for属性:表示将当前包裹的内容和哪一个元素进行关联

`select标签`

    <select name="" id=""><option value="">--请选择年份--</option><option value="">--1990--</option><option value="">--1991--</option><option value="">--1992--</option><option value="">--1993--</option><option value="">--1994--</option></select>

在这里插入图片描述
我们可以通过selected标签进行默认选项的选择,代码如下:

    <select name="" id=""><option value="">--请选择年份--</option><option value="" selected="selected">--1990--</option><option value="">--1991--</option><option value="">--1992--</option><option value="">--1993--</option><option value="">--1994--</option></select>

在这里插入图片描述

`文本标签`

    <textarea name="" id="" cols="30" rows="10" ></textarea>

在这里插入图片描述

`无语义标签`

无语义标签无固定用途,啥都可以干

div:是独占一行的,是一个大盒子.
span:不独占一行,是一个小盒子.

    <div><div><span>吃饭</span><span>睡觉</span><span>玩游戏</span><span>运动</span></div><div>吃饭</div><div>睡觉</div><div>玩游戏</div><div>运动</div></div>

在这里插入图片描述

`HTML特殊字符`

空格: 
小于号:<
大于号:>
按位与:&

](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

【前端寻宝之路】学习和使用label标签

🌈个人主页: Aileen_0v0 🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL| 💫个人格言:“没有罗马,那就自己创造罗马~” #mermaid-svg-2nm9oQQVtSL8hDS1 {font-family:"trebuchet ms",verdana,arial,sans-serif;f…...

编程日记 2024/3/24 20:55:53

服务器 #include <myhead.h> typedef struct msg{char flag;char name[20];char cont[128]; }msg_t;typedef struct link{struct sockaddr_in cin;struct link* next; }link_t;void do_login(int sfd,msg_t msg,link_t *L,struct sockaddr_in cin){link_t* pL;if(sendto…...

编程日记 2024/3/24 20:52:50

【计算机网络】基本概念

基本概念 IP 地址端口号协议协议分层封装分用客户端服务器请求和响应两台主机之间的网络通信流程 IP 地址概念：IP 地址主要是用于唯一标识网络主机、其他网络设备（如路由器）的网络地址。简单来说，IP地址用来唯一定位主机。格式&…...

编程日记 2024/3/24 20:50:48

Redis入门到实战-第七弹

Redis实战热身Sets篇完整命令参考官网官网地址声明: 由于操作系统, 版本更新等原因, 文章所列内容不一定100%复现, 还要以官方信息为准 https://redis.io/Redis概述 Redis是一个开源的（采用BSD许可证），用作数据库、缓存、消息代理和流…...

编程日记 2024/3/24 20:47:46

图像处理学习笔记（一）

本文主要介绍，以供读者能够理解该技术的定义、原理、应用。 🎬个人简介：一个全栈工程师的升级之路！ 📋个人专栏：ISP处理 🎀CSDN主页发狂的小花 🌄人生秘诀：学习的本质就…...

编程日记 2024/3/24 20:44:43

duckdb学习-1

DuckDB is a fast in-process analytical database DuckDB supports a feature-rich SQL dialect complemented with deep integrations into client APIs 在notebook中使用duckdb 安装 pip install duckdb 示例代码: #> pip install jupysql #> pip install duckdb-en…...

编程日记 2024/3/24 20:43:42

GEE高阶案例——Landsat/Sentinel/MODIS影像进行缨帽变换一行代码实现

本教程的主要目的是利用eemont中的tasseledCap()的函数进行缨帽变换实现。在 eemont 中，可使用扩展到 ee.Image 和 ee.ImageCollection 对象的 tasseledCap 方法计算缨帽亮度、绿度和湿度组件。只需从支持的平台加载图像，然后使用 tasseledCap 添加分量带即可。代码： !p…...

编程日记 2024/3/24 20:40:40

数独游戏(c++题解)

题目描述给出一个的表格，部分格子已经填好数。请填完所有空白格子，使得表格每一行、每一列、每个的九宫格，都恰好填满这9个数字。输入格式 9行9列的方阵状态，0代表空格。输出格式输出完成后的方阵状态，每一个…...

编程日记 2024/3/24 20:39:38

【开发方案】Android 应用双卡搜网功能

一、功能简介需求：开机自动开始搜网并显示网络列表那么就不能将相关类做成单例，不能将subId、phoneId等卡相关的属性作为UI、服务的全局变量。二、流程设计 NetworkSelectReceiver：监听开机广播，触发拉起搜网服务 NetworkOperatorService：搜网服务，完成后调起用户…...

编程日记 2024/3/24 20:38:38

图论基础|深度优先dfs、广度优先bfs

dfs 与 bfs 区别提到深度优先搜索（dfs），就不得不说和广度优先搜索（bfs）有什么区别先来了解dfs的过程，很多录友可能对dfs（深度优先搜索），bfs（广度优先搜索…...

编程日记 2024/3/24 20:36:36

Python从入门到精通秘籍十七

一、Python的构造方法在Python中，构造方法是一个特殊的方法，用于创建和初始化类的实例。构造方法的名称是__init__()，它在创建对象时自动调用。下面是一个示例代码来详细解释Python的构造方法： class Person:def __init__(se…...

编程日记 2024/3/24 20:35:35

Java——抽象类和接口

目录 1.抽象类 1.概念: 2.语法 3.特性 2.接口 1.概念 2.语法 3.特性 1.抽象类 1.概念: 在面向对象的概念中，所有的对象都是通过类来描绘的，但是反过来，并不是所有的类都是用来描绘对象的，如果一个类中没有包含足够的…...

编程日记 2024/3/24 20:33:33

React—— props校验（非typescript校验类型）

非typescript环境下，当我们在封装组件的时候，接受props时传入的内容，需要做类型检测，那我们可以用props校验进行类型的检查。 props校验允许在创建组件的时候，就约定props的格式、类型等实现步骤： 导入 …...

编程日记 2024/3/24 20:32:32

Go——map操作及原理

一.map介绍和使用 map是一种无序的基于key-value的数据结构，Go语言的map是引用类型，必须初始化才可以使用。 1. 定义 Go语言中，map类型语法如下： map[KeyType]ValueType KeyType表示键类型ValueType表示值类型 map类型的变量默认…...

编程日记 2024/3/24 20:31:30

网络安全实训Day9

写在前面访问控制和防火墙桌面端安全检测与防御网络安全实训-网络安全技术网络安全概述访问控制定义：通过定义策略和规则来限制哪些流量能经过防火墙，哪些流量不能通过。本质是包过滤可以匹配的元素 IP协议版本源区域和目的区域源IP地址和目…...

编程日记 2024/3/24 20:30:29

kubernetes实战（1）之虚拟机centos搭建k8s集群

一，环境准备 centos7系统，每个系统2c2g，40g，centos7下载地址：centos-7.9.2009-isos-x86_64安装包下载_开源镜像站-阿里云 # 每个节点分别设置对应主机名 hostnamectl set-hostname master hostnamectl set-hostname …...

编程日记 2024/3/24 20:25:24

基于python+vue分类信息服务平台移动端的设计与实现flask-django-php-nodejs

分类信息服务平台是在Android操作系统下的应用平台。为防止出现兼容性及稳定性问题，框架选择的是django，Android与后台服务端之间的数据存储主要通过MySQL。用户在使用应用时产生的数据通过 python等语言传递给数据库。通过此方式促进分类信息服务平台信…...

编程日记 2024/3/24 20:23:22

【蓝牙协议栈】【BLE】低功耗蓝牙配对绑定过程分析（超详细）

1. 精讲蓝牙协议栈（Bluetooth Stack）：SPP/A2DP/AVRCP/HFP/PBAP/IAP2/HID/MAP/OPP/PAN/GATTC/GATTS/HOGP等协议理论 2. 欢迎大家关注和订阅，【蓝牙协议栈】和【Android Bluetooth Stack】专栏会持续更新中.....敬请期待&#xff01…...

编程日记 2024/3/24 20:22:20