html5简介、选项输入框、表单元素分组、input新增属性及属性值

HTML5简介:

定义:HTML5号称下一代HTML,html的最新版本,定义了新的标签、css、JavaScript,html5新标签IE9以上版本浏览器才兼容,因此在实际开发中要问老板是否兼容低版本浏览器。

扩展内容:语义化标签、本地储存、兼容特性、2D 3D、动画 过渡、CSS3新特性、性能与集成

HTML5常用新标签:

HTML5标签多为语义化标签,主要是针对浏览器搜索引擎,IE9浏览器中主要将所有语义化标签都转化为块级元素,语义化标签在移动端支持比较好,后面会有更多语义化标签学习。

HTML5常用新标签:

在这里插入图片描述
datalist选项输入框:

此标签和input标签搭配可以实现input输入提示,注意:input标签中必须要有list属性,其值绑定的是datalist的id值,option标签中的value值不能为空,否则此功能失效。

	<body><input type="text" value="输入科目" list="lis" ><datalist id='lis'><option value="科目1"></option><option value="科目2"></option><option value="科目3"></option><option value="科目4"></option></datalist></body>

fieldset表单元素分组:

此标签和legend标签搭配可以将表单内相关元素分组(外部用一个矩形的方框包裹)

	<body><fieldset><legend>用户信息</legend>    <!-- 矩形框边插入的文本信息,去掉此标签则为 封闭的矩形 --><input type="text" value="user"><br><input type="password" value="password"></fieldset></body>

html5中input标签的type属性新增属性值:
在这里插入图片描述 input中新增属性:
在这里插入图片描述
提示:本文图片等素材来源于网络,若有侵权,请发邮件至邮箱:810665436@qq.com联系笔者 删除。
笔者:苦海

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

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

相关文章

SP2010开发和VS2010专家食谱--第六章节--Web Services和REST(5)--Inserting new contacts through REST...

我们现在知道了我们可以使用REST请求从SharePoint列表获得数据&#xff0c;如何从客户端应用程序添加数据到列表呢&#xff1f;本文中&#xff0c;我们将探讨如何做到。 转载于:https://www.cnblogs.com/crazygolf/p/3856779.html

Linux crontab 定时任务没执行,没收到错误信息邮件

crond 定时任务 没执行&#xff0c;简单的打印日期&#xff0c;reboot 命令 等也没执行成功&#xff08;语法确保没错&#xff09;。捣鼓一整算是有些进展。 centos7 不过这个好像没啥问题吧。。 分割线------------------------------------------------------- 01 最开始就…

Chapter 12 外观模式

外观模式&#xff1a;为子系统中的一组接口提供一个一致的界面&#xff0c;此模式定义了一个高层接口&#xff0c;这个模式使得这一子系统更加容易使用。 外观模式三个阶段&#xff1a; 首先&#xff0c;在设计初期阶段&#xff0c;应该要有意识的将不同的两个层分离。 其次&am…

$@ $# $2 $0 $* Linux 参数使用

命令行参数 运行脚本时传递给脚本的参数称为命令行参数。命令行参数用 $n 表示&#xff0c;例如&#xff0c;$1 表示第一个参数&#xff0c;$2 表示第二个参数&#xff0c;依次类推。 1 $ 表示所有参数&#xff1b;并且所有参数都是独立的&#xff1b;可以用来做 for e…

html5中音频、视频标签、自定义播放器常用属性及方法、全屏操作、新增属性兼容问题

多媒体标签: 音频标签audio: <audio src"音频文件的URL"></audio><!-- audio标签需要controls控件才可以播放音频&#xff0c;controls的属性值可以省略&#xff0c;如果URL为视频格式文件&#xff0c;则只会播放音频 -->html5中通过audio标签实现…

设计模式(17) 访问者模式(VISITOR) C++实现

意图&#xff1a; 表示一个作用于某对象结构的各元素的操作。它使你可以再不改变各元素的类的前提下定义作用于这些元素的新操作。 动机&#xff1a; 之前在学校的最后一个小项目就是做一个编译器&#xff0c;当时使用的就是访问者模式。 在静态分析阶段&#xff0c;将源程序表…

云服务器的主机名是否可以修改??

云服务器的主机名是否可以修改&#xff1f; 1 要是自己建的虚拟机等&#xff0c;这可以随便改&#xff0c;不影响。 2 要是云服务器&#xff0c;阿里云 华为云等&#xff0c;因为是项目上服务器厂商给提供的服务器信息&#xff0c;所以遇到问题需要改主机名时&#xff0c;为了…

CSS简介、行内样式、内部样式、外部样式、注释、引入其他CSS文件

CSS的发展历程&#xff1a; 起初是没有css的&#xff0c;只有少量样式是可以写在html标签中&#xff0c;这样代码格外显得臃肿&#xff0c;此时CSS就出现了。 初识CSS&#xff1a; CSS(Cascading Style Sheets),被称为CSS样式表或者层叠样式表&#xff0c;主要用于设置HTML页…

CISCO PVST+配置和结果验证 per vlan spanning tree(51cto 实验10)

1. 实验线路连接图使用Cisco Packet Tracer6.0 构建拓扑结构图 2. 实验内容(1) 参阅教材中内容&#xff0c;完成PVST的配置内容。(2) 在各台交换机上使用show spanning-tree vlan 10 和show spanning-tree vlan 20 命令&#xff0c;查看根桥信息、各端口角色和各端口状态。(3) …

Linux crond 每分钟,每小时,每天,每周,每月,每年 的表达式写法

每分钟执行 * * * * * 每五分钟执行 */5 * * * * 每小时执行(让分钟取0) 0 * * * * 每2小时执行 0 */2 * * * 每天执行 0 0 * * * 每周执行 0 0 * * 0 每月执行 0 0 1 * * 每年执行 0 0 1 1 *

css中选择器介绍

选择器&#xff1a; 选择器是用来选择目标元素的&#xff0c;选择器分基础选择器和复合选择器及伪类选择器。 基础选择器&#xff1a; 标签名{} /* 1 标签选择器&#xff1a;把某类标签全部选中&#xff0c;如下&#xff1a; */p{font-size:36px;}.类名{} /* 2 类选择器(clas…

使用iometer测试

对国产机进行测试 1.win7上安装测试 下载&#xff1a; 点击打开链接 双击安装即可。 2.ubuntu下配置&#xff1a; OS: Ubuntu 12.04LTS x86_64Kernel: 3.5.0-26-generic下载&#xff1a; 点击打开链接编译安装 unzip iometer-2006_07_27.common-src.zip\?download cd iometer…

http://mirrors.aliyuncs.com/centos/7/extras/x86_64/repodata/repomd.xml: [Errno 12] Timeout on http:/

对于这个点&#xff0c;我的情况是【errno12】&#xff0c; 众多帖子里还是请求404错误居多&#xff0c;情况不一样。我的安装阿里yum配置过程没问题&#xff0c;然后想起之前有过这样&#xff0c;怀疑是dns解析不到mirrors.aliyuncs.com这种地址&#xff0c;所以在dns文件里加…

Android网络课程笔记-----本地音乐播放

1. 本地音乐播放 多媒体&#xff1a; 图片&#xff1a;拍、图片查、图片编辑、摄像、图像处理算法 音频&#xff1a;录、回、编辑、MediaRecorde、MediaPlayer 视频&#xff1a;录、回、编辑、VideoView2. MediaPlayer的使用方法 MediaPlayer的声明周期转载…

CSS设置字体大小、字体粗细、字体风格

font-size:设置字体大小: 该属性值的单位可以使用相对单位和绝对单位&#xff0c;推荐使用px。(浏览器能够识别的最小像素是12px) p{font-size:20px;}常见尺寸单位&#xff1a; font-family:设置字体: 如果需要设置多个字体样式&#xff0c;则属性值可以写多个中间用逗号隔…

css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置

color:设置字体颜色: 取值方式有&#xff1a;1.颜色值red,green等 、2.十六进制#FF0000,#FF2313等、3.RGB代码rgb(225,225,112)或rgb(100%,55%,0%)&#xff0c;取值范围0-225&#xff0c;0%-100%&#xff0c;rgba是rgb的扩展&#xff0c;其中第四个参数设置的是透明度&#xf…

数字图像的5种增强处理

数字图像的5种增强处理#include<iostream>#include<cmath>using namespace std;int main(){ int i,j,n,m,w,a[100][100],x[100][100],max[100][100][20],b[100][100],k,p,u; cout<<"输入矩阵行列数:"; cin>>n>>m; cout<<"输…

json在线解析工具大集合

** json在线解析工具大集合 ** http://json.jsrun.net JSRUN推出的JSON视图工具&#xff0c;简洁易用&#xff0c;清晰明了。 可能是国内最好用的JSON工具了。 http://jsonview.net http://kjson.cn http://json.jsrun.pro http://json.jsrun.top http://json.jsrun.cn…

css中标签显示模式、块元素、行内元素、行内块元素、显示模式转换

标签显示模式display: HTML标签一般分为块标签&#xff08;块元素&#xff1a;block-level&#xff09;和行内标签&#xff08;行内元素&#xff1a;inline-level&#xff09;两种类型&#xff0c;但是还有第三种说法行内块元素&#xff1a;table-row-group&#xff1a;设置元…