Html review1

1、块元素和行内元素
块元素独占一行 p、h
行内元素的宽度是内容撑起来的,几个行内可以在一行a、strong、em
2、视频音频播放
视频:
video src=" 资源 路径" controls进度条 autoplay自动播放
音频:
audio src=“资源路径” controls 进度条 autoplay 自动播放
3、页面结构
header 标题头部
footer 页脚
section 独立的区域 网页主体部分
article 文章内容
nav 导航
aside 侧边栏
4、iframe内联框架
一个网页内嵌套另一个网站
iframe src=“path” name=“框架表示名” width height
5、表单
如何发送表单数据 get/post
action 向何处发送表单数据
6、文本域
textarea name=“***”
cols 列
rows 行
7、input 里的type如果是email 和url(网址)、number(数字)会自动验证

number的属性 min最小值 max最大值 step步长,每次增加/减少多少

滑块
type=range min最小值 max最大值 step步长

搜索框 (可以点击按钮删除)
type=search

属性 readonly只读属性 无法改变该input
value 默认值
disabled 禁用 变成灰色
hidden 隐藏域 元素还在

增强鼠标可用性 (点击文字也可以锁定input)
<label for=“ ”>文字</label
input标签 (点击文字能锁定到input)

表单的初级验证,减轻服务器的压力,在前端进行简单的验证

属性 :1 placeholder 提示信息
<input type="text" placeholder=“请输入用户名”/> 
默认值用于提示
2、非空判断 required
<input type="text" required/>
3、pattern 正则判断 可以自定义正则表达式
可以查 常用正则表达式
<input type="text" pattern=""/>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/49922.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

探索 IT 领域的新宠儿:量子计算

目录 引言&#xff1a;从经典到量子的飞跃 量子计算的基本概念 量子计算的独特优势 量子计算的深度剖析 量子计算的最新进展 量子计算的行业应用前景 面临的挑战与未来展望 结语&#xff1a;迎接量子计算的新时代 引言&#xff1a;从经典到量子的飞跃 在信息技术飞速发…

Springboot 开发之 RestTemplate 简介

一、什么是RestTemplate RestTemplate 是Spring框架提供的一个用于应用中调用REST服务的类。它简化了与HTTP服务的通信&#xff0c;统一了RESTFul的标准&#xff0c;并封装了HTTP连接&#xff0c;我们只需要传入URL及其返回值类型即可。RestTemplate的设计原则与许多其他Sprin…

Linux没有telnet 如何测试对端的端口状态

前段时间有人问uos没有telnet&#xff0c;又找不到包。 追问了一下为什么非要安装telnet&#xff0c;答复是要测试对端的端口号。 这里简单介绍一下&#xff0c;测试端口号的方法有很多&#xff0c;telent只是在windows上经常使用&#xff0c;linux已很少安装并使用该命令&…

SQL Server 数据备份与恢复

引言 数据备份和恢复是数据库管理中至关重要的一部分。确保数据的安全和可恢复性&#xff0c;可以避免由于数据丢失或损坏而带来的重大损失。本文将介绍 SQL Server 数据备份与恢复的基本概念、类型、以及如何执行这些操作。 1. SQL Server 备份类型 SQL Server 提供了多种备…

java找不到符号解决办法

一、java找不到符号 如果你的代码里没有报错&#xff0c;明明是存在的。但是java报错找不到符号。如下所示&#xff0c; 二、解决步骤 1.清除编码工具缓存 本人用的idea&#xff0c; eclipse清除缓存方式有需要的可以百度一下&#xff01; 2.如果是mavne项目的 先clean 再…

19. 填坑Ⅱ

Description emmm&#xff0c;还是北湖深坑&#xff0c;不用惊喜&#xff0c;不用意外。我们继续用石头填&#xff01; 北湖的地面依旧是一维的&#xff0c;每一块宽度都为1&#xff0c;高度是非负整数&#xff0c;用一个数组来表示。 还是提供不限量的 1 * 2 规格的石头。 …

Redis流量分析

Redis流量分析是指对Redis数据库的网络通信量和内部操作进行监控和分析的过程。这有助于理解Redis服务器的负载、性能瓶颈、以及可能存在的问题&#xff0c;以便进行优化和故障排查。以下是一些主要的分析方面&#xff1a; 网络流量监控&#xff1a; 监控进入和离开Redis服务器…

本地连接远程阿里云K8S

1.首先安装kubectl 1.1验证自己系统 uname -m 1.2 按照步骤安装 在 Linux 系统中安装并设置 kubectl | Kubernetes 1.3 阿里云配置 通过kubectl连接Kubernetes集群_容器服务 Kubernetes 版 ACK(ACK)-阿里云帮助中心 2.验证 阿里云config直接导出&#xff0c;直接扔到.…

vue字段判断是否可以鼠标悬浮或者点击跳转

通过字段判断是否可以鼠标悬浮展示颜色 是否点击 <span :class"[converBond.stkindustry ! null ? hoverSpan:,]"click"converBond.stkindustry ! null ?goToIndustry(converBond.stkindustryname,converBond.stkindustry):false">{{converBon…

矩阵乘法@与dot

scores X W 和 scores np.dot(X, W) 是等价的&#xff0c;两者都用于矩阵乘法运算&#xff0c;但在语法和某些情况下的行为上略有不同。 import numpy as npX np.array([[1, 2, 3], [4, 5, 6]]) W np.array([[0.1, 0.2], [0.3, 0.4], [0.5, 0.6]])scores X W print(sco…

MyCms开源免费的自媒体商城博客CMS企业建站系统

MyCms是一款基于Laravel开发的开源免费的自媒体博客CMS系统&#xff0c;适用于个人网站及企业网站开发使用&#xff0c;MyCms基于Apache2.0开源协议发布&#xff0c;免费且不限制商业使用。 源码下载&#xff1a;https://download.csdn.net/download/m0_66047725/89575879 更…

【电路笔记】-D类放大器

D类放大器 文章目录 D类放大器1、概述2、D类放大器介绍3、调制4、放大5、滤波6、效率7、总结1、概述 在之前的文章中,放大器的导通角与其效率之间建立了重要的联系。 事实上,基于高导通角的放大器提供非常好的线性度,例如 A 类放大器,但效率非常有限,通常约为 20% 至 30%…

docker 运维查看指定应用log文件位置和名称

启动docker: systemctl start docker 停docker:systemctl stop docker 重启docker:systemctl restart docker 查看docker状态:systemctl status docker 开机启动:systemctlenable docker 查看docker概要信息:docker info 查看docker总体帮助文档:docker --help 查看docker命令帮…

01docker容器互联

Docker 容器互联 一、docker 容器连接及测试 1、新建网络 docker network create -d bridge test-net # 查看已有网络 docker network ls2、创建连接容器 1、创建两个容器test1、test2 docker run -d --name test1 --network test-net ubuntudocker run -d --name test1 -…

俊昭stm32笔记

stm32——中断优先级 stm32——创建基础工程模板stm32——创建基础工程模板-CSDN博客 stm32——MCU启动方式stm32——MCU启动方式_stm32调试时程序启动方式-CSDN博客 stm32——串口stm32——串口_stm32 串口-CSDN博客 stm32——lcd液晶显示stm32——lcd液晶显示-CSDN博客

YOLOv8高效涨点之改进 MAE+ConvNeXtv2

1,论文解读 论文采取的方案 网络设计 实验部分 修改结构 融合MAE和Conv 2、改进YOLOv8代码 + MAE 首先在ultralytics/nn文件夹下,创建一个convnextv2.py文件,新增以下代码 import torch import torch.nn as nn import torch.nn.functional as F from timm.models.layer…

科研成果 | 高精尖中心取得高性能区块链交易调度技术突破

近日&#xff0c;未来区块链与隐私计算高精尖创新中心研究团队在区块链交易效率方面取得突破性进展&#xff0c;最新成果“高性能区块链交易调度引擎”首次为长安链带来高并行度的交易调度&#xff0c;充分利用现有计算资源&#xff0c;显著提升长安链交易处理速度。 随着区块…

第19讲EtherNet/IP网络基础

EtherNet/IP网络知识 一、EtherNet/IP概述 二、EtherNet/IP网络的定位 1、最上层-信息层:主要进行上位机网络信号交互或者控制层信号的传递。 比较常见的话是工控机或者说PLC,就像大脑对信息进行发送的这样一个控制。 EtherNet/IP网络属于最高层——信息层,主要负责信号的…

RPA软件-影刀使用

流程自动化 影刀将操作进行抽象&#xff0c;分为一下几个对象&#xff1a; 网页自动化 &#xff08;1&#xff09; 网页自动化应用场景&#xff1a;网页操作、数据抓取 &#xff08;2&#xff09; 网页操作&#xff1a;基础操作-指令操作&#xff0c;智能操作-关联元素&#…

Android13 控制设置界面 双栏显示或单栏显示

Android 13 设置界面会判断当前屏幕的大小,如果是大屏,则为双栏显示! 我的博客 ./packages/apps/Settings/src/com/android/settings/homepage/SettingsHomepageActivity.javaOverrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState…