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=""/>

相关推荐

  1. nvm1.1.11

    2024-07-22 20:50:03       44 阅读
  2. 1.下午试题1

    2024-07-22 20:50:03       23 阅读
  3. HTML-1

    2024-07-22 20:50:03       53 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-22 20:50:03       52 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-22 20:50:03       54 阅读
  3. 在Django里面运行非项目文件

    2024-07-22 20:50:03       45 阅读
  4. Python语言-面向对象

    2024-07-22 20:50:03       55 阅读

热门阅读

  1. Midjourney绘画提示词精选

    2024-07-22 20:50:03       18 阅读
  2. 三元表达式和if语句优缺点

    2024-07-22 20:50:03       17 阅读
  3. ABC D - Palindromic Number

    2024-07-22 20:50:03       17 阅读
  4. c++命名空间

    2024-07-22 20:50:03       16 阅读
  5. 机器学习中的数据分析

    2024-07-22 20:50:03       15 阅读
  6. C++ STL标准数据库详解

    2024-07-22 20:50:03       17 阅读
  7. POI导入导出

    2024-07-22 20:50:03       15 阅读
  8. Python数据预处理和特征工程

    2024-07-22 20:50:03       15 阅读
  9. python函数基础详解

    2024-07-22 20:50:03       16 阅读