随笔分类 - 前端 / html
摘要：表单的应用及初级验证 表单的应用 隐藏 hidden 只读 readonly 禁用 disabled 表单的初级验证 用户提示placeholder 非空判断required pattern，可参考常用的正则表达式_正则表达式大全_脚本之家
阅读全文
摘要：搜索模块和简单验证 比较简单，直接上代码自己体会 简单说明： 真正做项目的时候验证都会在js里面做 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>搜索框模块和简单验证</title> </head> <bo
阅读全文
摘要：表单提交 什么是表单？ 个人理解表单就是需要用户操作然后将数据提交操作的模块，重点是 form标签的使用 表单元素格式 属性 说明 type 指定的元素的类型。text、password、checkbox(复选框)、radio(单选框)、submit、reset、file、hide、image和bu
阅读全文
摘要：页面结构分析 元素名 描述 header 标题头部区域的内容（用于页面或页面中的一块区域） footer 标记脚部区域的内容（用于页面或页面中的一块区域） section web页面中一块独立区域 article 独立的文章内容 aside 相关内容或应用（常用于侧边栏） nav 导航类辅助内容 示
阅读全文
摘要：iframe内联框架 内联：在一个网页中可以嵌入另一个网页，iframe标签可以实现这个功能 内联标签页可以作为超链接的target传入，控制内联的链接页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>T
阅读全文
摘要：视频标签 记住video和controls即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>视频标签</title> </head> <body> <!--controls 开启控制条 autoplay自
阅读全文
摘要：表格标签 推荐狂神的视频课程 https://www.bilibili.com/video/BV1x4411V75C?p=9 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格练习</title> </he
阅读全文
摘要：列表标签 三类列表 有序列表 无序列表 自定义列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表学习</title> </head> <body> <!--有序列表ol:ordered list, l
阅读全文
摘要：超链接标签学习 示例很丑，但核心知识点都在 将图片换成自己本地的 a标签用法注意 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hyperlinks Study</title> </head> <body>
阅读全文
摘要：HTML简介 背景 什么是HTML？ HTML（Hyper Text Markup Language）超文本标记语言，是一种用于创建网页的标准标记语言。 所谓标记语言，是指用一系列约定好的标记来对电子文档进行标记，来实现对电子文档的语义、结构、格式的定义。标记语言不仅仅是一种语言们就像许多语言一样，
阅读全文
