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)

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

html 复制代码
属性 :1 placeholder 提示信息
<input type="text" placeholder="请输入用户名"/> 
默认值用于提示
2、非空判断 required
<input type="text" required/>
3、pattern 正则判断 可以自定义正则表达式
可以查 常用正则表达式
<input type="text" pattern=""/>
相关推荐
第二只羽毛几秒前
单例模式的初识
java·大数据·数据仓库·单例模式
4***g8942 分钟前
Java进阶-SpringCloud设计模式-工厂模式的设计与详解
java·spring cloud·设计模式
__万波__2 分钟前
二十三种设计模式(五)--建造者模式
java·设计模式·建造者模式
北郭guo2 分钟前
Java设计模式 【理论+代码实现】 让你从小白到大佬的蜕变
java·开发语言·设计模式
计算机徐师兄3 分钟前
Java基于微信小程序的贝壳活动助手【附源码、文档说明】
java·微信小程序·贝壳活动助手·贝壳活动助手小程序·贝壳活动助手微信小程序·java贝壳活动助手小程序·java贝壳活动助手微信小程序
●VON3 分钟前
逐行解读 Flutter 默认模板:从 `main()` 到计数器 App
前端·学习·flutter·openharmony
张风捷特烈3 分钟前
Flutter TolyUI 框架#09 | tolyui_text 轻量高亮文本
前端·flutter·ui kit
Gavin在路上5 分钟前
架构设计之COLA架构
java·数据库·架构
艾小码6 分钟前
还在为Vue 3响应式性能头疼?这4个进阶API让你开发效率翻倍!
前端·javascript·vue.js
MediaTea6 分钟前
Python 库手册:gc 垃圾回收
java·开发语言·jvm·python·算法