HTML快速入门(2)
文章目录
HTML嵌入元素
source标签
作用:为媒介元素(比如video和audio)定义媒介资源。
视频 video标签
需要浏览器支持 HTML5最好
视频格式:
.mp4
.m3u8 苹果公司特有的,HLS协议
.ogg
.webm
…
音频 audio标签
音频格式:
.mp3
.wav
.ogg
表格 table标签
boder属性 表示 边框粗细
tr标签 表示 表格中的某一个行
td标签 表示 每一行中的单元格/列
th标签 表示 表格标题/表头
HTML中的表单-form标签
表单就是一个包含表单元素的区域
input标签
text文本类型
可输入键盘上的所有可见字符
password密码类型
规定键盘上的可见字符,输入的内容用****或…代替
radio单选按钮类型、
应用场景在问卷页面、注册页面,比如:男、女(选一个)
checkbox复选按钮类型
应用场景在问卷页面、注册页面、登录页面,比如:是否同意该条款
submit提交按钮类型
应用场景在问卷页面、注册页面、登录页面、提交页面,点击刷新页面
image带图提交按钮类型
应用场景在问卷页面、注册页面、登录页面、提交页面,点击图片刷新页面
reset重置按钮类型
应用场景在问卷页面、注册页面、登录页面、提交页面,点击重置,所填信息立即清除
file文本类型
可以联结本机,选择提交的文件
hidden隐藏字段类型
不显示,但是向服务器提交一个数值(我们输入的内容)比如:ip地址(我们在访问浏览器时,浏览器会收到我们的ip地址对我们定位)
select下拉列表类型
label标签,表示一个标题
option标签,表示每一个选项的内容
value属性,我们在界面选择中国,后台就会识别获取CN
<option value="CN">中国</option>
selected属性,设定后,刷新界面,自动回到selected值
txetarea文本域类型
文本域,我们可以拖动边框,进行收缩大小
两种表现方式:
1.cols属性,可以输入多行文本内容
2.readonly属性,只读文本内容
color颜色类型-拾色器
email邮箱类型
包含了记录过的email地址
上一篇: 熬夜喝什么茶好深入了解
下一篇: 刘盆子是如何称帝的?他最后的结局如何?
推荐阅读
-
开坑,写点Polymer 1.1 教程第6篇--样式(2)_html/css_WEB-ITnose
-
struts2入门介绍及代码实例
-
CSS3如何实现2D转换和3D转换,他们有何区别_html/css_WEB-ITnose
-
struts2入门(搭建环境、配置、示例)详解
-
Oauth2入门
-
用php生成静态html页面(通用2种方法),静态2种
-
使用HTML5/CSS3五步快速制作便签贴特效代码示例分享(图文)
-
初步使用bootstrap快速创建页面_html/css_WEB-ITnose
-
初步使用bootstrap快速创建页面_html/css_WEB-ITnose
-
html2canvas把div保存图片高清图(图文教程)