这篇随笔主要分享的是表单中新加入的H5标签

主要是HTML中H5在表单中的新标签

<form action="">邮件框,格式不正确无法提交<input type="email"><br>网址框,网站不正确无法提交<input type="url"><br>数字框,可设置最大最小值及跳值大小<input type="number" max="500" min="50" step="40"><br>滑动条,滑动会产生value的值<input type="range"><br>颜色选择<input type="color" value=""><br>搜索写入框  但是框最右边的小图标只有chrome才能显示<input type="search" results="s"><br>在文本域或者文本框及其他input内加入required属性,强制填写内容,不然表单提交不了。<input type="text" required><br>在input属性加入autofocus=‘true‘,当跳转到该页面的时候聚焦在带有这个属性的input上<input type="text" autofocus="true">    <hr>

以下H5暂时只支持chrome浏览器    日期,年月日<input type="date"><br>时间,自己选择<input type="time"><br>年月<input type="month"><br>XXX年第XX周<input type="week"><br>提交按钮<input type="submit"><br></form>
补充:<br>vedio标签的用法,src接地址,并且接上controls属性才能播放,loop代表是否循环播放,不然播放一样就停下了<video src="冰河世纪.mp4" controls="controls" loop preload></video>    <br>audio标签的用法,src接地址,并且接上controls属性才能播放,loop代表是否循环播放,不然播放一样就停下了<audio src="song.mp3" controls="controls"></audio></form><p>了解并牢记表单中传输数据方法有post和get,能说出他们之间的3种不同之处;</p><p>随手记,块级元素的宽高由块决定,内容大小长短对块本身没影响;相反行内元素的宽高只有内容决定。</p>
<p>用户名,在文本框内加入placeholder,值为最初显示的文字<input type="text" placeholder="用户名"></p>
时间: 2024-12-29 11:32:13

这篇随笔主要分享的是表单中新加入的H5标签的相关文章

form表单中的带有name的标签直接转JSON

1. 将如下内容引入页面:比如说新建一个 a.js,然后在页面中引入a.js//将form表单序列化成json格式 $.fn.serializeObject = function () { var o = {}; var a = this.serializeArray(); $.each(a, function () { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]

我给领导提建议,真实经验心得分享!mysql-mster-slave-锁表问题!

原因:前一段时间一直给领导反映,数据库虽然一个小时备份一次,但是仍然很危险,要是mysql服务器突然宕机,或者磁盘出现故障,不仅mysql站点会受到很大的威胁,而且即使恢复数据库也需要十多分钟的时间,造成网站会无法访问因此.强烈建议做一个slave:最终,领导听取了我的意见.(虽然公司800人左右,但是服务器并没那么多,算是小企业) 做slave的好处 1)当前数据库一个小时备份一次,而且异地本地.二进制日志是开启的.所以当mysql服务器不出现问题的时候,一切都好说.出了事情,坏事... 2)

一件小事引发纯属自我的调节,于是有了这篇随笔

只能说今天运气差到极点了吧,也是因此,晚上十点半的现在的我也只能在word上把随笔先写好,等网好了再发出去. 原定的计划是先把周末的网页先写得差不多再直接睡觉的,结果先是PS运行不了,再是快把PS安装包下载完的时候网络又出问题了.弄来弄去结果就把心态搞炸了.在写这篇随笔的时候网络还是忽好忽坏,PS还是没有下下来.这么早就睡觉肯定是睡不着的,也是想借写随笔的过程来平复下烦躁的心情吧. 学习日近尾声,老师的节奏加快的同时,自己的节奏越发受到外界因素的影响,许久未曾谋面的烦躁又开始活跃起来了.而且由于

前段时间一直不知道怎么学习,在网上找到一篇好文章分享给在路上的产品经理

如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书.学了一大堆软件.画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本<交互设计学习大纲>就好了.出现这个问题有两个原因,一是交互设计师没有可视性强的产物,交互设计师的产物一般是线框图.流程图.信息架构图.说明文档等等,但这些东西既不如视觉设计稿华丽精美,也不如程序代码高贵冷艳,在外行人看来初级交互设计师和高级交互设计师画的好像都差不多,轻易看不出你修炼到了几层功力;第二个原因是交互设计是

新随笔(二)用户体验:用户注册表单中的“年份”设计乱象

新随笔(二)用户体验:用户注册表单中的“年份”设计乱象 上午,我因为一些原因,想再注册一个新QQ号,当我注册时,我发现一个有趣的事儿,在用户注册页的表单选项“年份”选择中居然有”1895年“, 有意思,难道QQ觉得4亿用户还是太少,希望古人在那边也使用上QQ. (哈,谁能告诉我上图中显示的验证码是什么?看来QQ不光是防止机器人注册,连人类都挡在门外了.) 我先停下注册,看看其他类似网站是怎么做的.接下来我分别查看了开心.人人.朋友网.不查不知道,一查吓一跳,居然全都有类似的情况. why? 难道

第一篇随笔,果真还是要注意细节。

学习Java以来第一篇随笔,写一写初学Socket编程中容易碰到的一个问题.照着教材上的例子敲了下面这段单线程网络通信的代码: 这段代码应该是初学Socket编程都要敲的一段,逻辑还是比较简单的.但是一开始我的TCPServer类和TCPClient类运行后,在控制台无法打印出两者通过流交互的信息,在这里卡了很久,在网上查找了一下原因,基本确定了应该是输入流或者输出流阻塞了.但是试了很久还是没有解决问题.后来偶然发现了BufferedReader类的实例方法readLine()是在读到换行符才返

我的第一篇随笔

我的第一篇随笔我的第一篇随笔我的第一篇随笔我的第一篇随笔我的第一篇随笔我的第一篇随笔我的第一篇随笔我的第一篇随笔我的第一篇随笔我的第一篇随笔我的第一篇随笔   .myfollow a:hover { opacity: 1; } .myfollow i { font-size: 36px; } #div_digg { width: 60px; /* position: fixed; right: 0; bottom: 0;*/ margin: 0; z-index: 1000; } .diggit

VS2010/VS2013项目创建及通过ADO.NET连接mysql/sql server步骤(VS2013连接成功步骤见上一篇随笔)

本随笔主要是对初学者通过ADO.NET连接数据库的步骤(刚开始我也诸多不顺,所以总结下,让初学者熟悉步骤) 1.打开VS新建一个项目(这里的VS版本不限,建项目都是一样的步骤) VS2010版本如图: VS2013版本如图: 2.非空项目创建后,右侧“解决方案管理器”中会有一个“models”文件,右键“models”,具体步骤如下: 2-1步骤 2-2步骤 2-3步骤 2-3-1  注意这个是VS2010版本的截图 2-4步骤 2-5步骤 2-6步骤 2-7步骤 2-8步骤 2-10步骤 2-

mysql第四篇:数据操作之多表查询

mysql第四篇:数据操作之多表查询 一.多表联合查询 #创建部门 CREATE TABLE IF NOT EXISTS dept ( did int not null auto_increment PRIMARY KEY, dname VARCHAR(50) not null COMMENT '部门名称' )ENGINE=INNODB DEFAULT charset utf8; #添加部门数据 INSERT INTO `dept` VALUES ('1', '教学部'); INSERT INT