最新消息:文章中包含代码时,请遵守代码高亮规范!

标签:HTML

如何区分HTML中name,class和id【转载】

HTML+CSS Aimee 5天前 37浏览 0评论

在一个页面中,有许多的控件(元素或标签)。为了更方便的操作这些标签,就需要给这些标签标识一个身份牌。 目录 1. name:指定标签的名称。 2. id:指定标签的唯一标识。 3. class:指定标签的类名。   1. name 指定标签...

phpcms v9表单加入验证码【转载】

HTML+CSS Cindy 6天前 36浏览 0评论

在phpcms表单向导模块中创建字段时没有验证码类型去选择,所以也就无法直接使用来加入验证码了。 对模板程序稍微进行扩展开发即可实现。具体流程如下: 一、找到表单向导生成模板(一般默认为phpcms/templates/default/formgui...

限制字数,超出部分显示“…”【原创】

HTML+CSS Cindy 6天前 33浏览 0评论

在我们写静态页面和套pc模板的时候,有时候会碰到需要限制字数,超出部分显示省略号的效果,尝试过几个方法,css有text-overflow:ellipsis属性,针对一行文本有效,要控制几行文本就会有浏览器兼容问题。最终找到一个js方法可以限制字数,...

圆角、阴影兼容性【原创】

HTML+CSS Cindy 1个月前 (08-18) 114浏览 0评论

进入前端行业,想必大家都写过盒子圆角和阴影效果吧,给页面添加阴影效果,会让页面有立体感,充满活力与动感。但是在调兼容性的时候就会发现这些效果只能兼容到ie9,不能兼容ie9以下版本,很遗憾。之前在做项目的时候,在网上查找了许多资料,终于找到了一个能兼...

移动端自制作输入键盘,实现验证码签到【原创】

原创文章 Ann 8个月前 (02-07) 521浏览 0评论

最近做的一个兼职类的项目,要实现6位数字验证码签到功能,效果图如下 看似很简单的页面,刚开始编写的代码的时候,我也是抱着轻松地态度,心里想着这并没有什么难处,用js实现了输入数字的效果。 但是后来就发生了尴尬的事情,测评中心那边测试的时候,手机切换...

HTML5中使用js控制audio标签的方法【转载】

HTML+CSS Ann 9个月前 (01-06) 419浏览 0评论

<audio>标签可以在HTML5浏览器中播放音频文件。 <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制,代码如下: var aud...

手机页面城市选择点击首字母定位到对应城市顶部【原创】

HTML+CSS Ann 9个月前 (01-06) 765浏览 0评论

之前做的一个关于兼职的手机微信端的项目,有的也面要求我们实现选择城市的效果,主要就是点击城市的首字母定位到对应的城市顶端,这可把我难倒了,没做过啊,之前都是用的插件 后来想到之前做公司的官网也要求点击新闻列表对应到相应的新闻位置,当时记得用的是锚点定...

多列表内容下勾选框对应内容显示隐藏【原创】

HTML+CSS Ann 9个月前 (01-06) 365浏览 0评论

最近写公司的客户服务系统,遇到了一个页面,很多内容列表,然后勾选框,相对应的内容显示隐藏,以前也遇到过类似的,只是列表内容比较少,我都是通过给选框和列表分别添加不同类名,然后勾选指定那个类名显示隐藏,这样效果最后是达到了,但是消耗了大量的时间和精力,...

正则表达式 总结 【原创】

HTML+CSS ada 9个月前 (12-19) 486浏览 0评论

表单接触多了,总结一下正则表达式,不是很多,以后慢慢补充: 同时验证手机号和固定电话 :/^((0\d{2,3}-\d{7,8})|(1[35784]\d{9}))$/ 手机号 : /^(1[35784]\d{9}))$/ 正整数 : /^[0-9]...

前端自学路线之切图篇【转载】

HTML+CSS Nersk 10个月前 (11-24) 558浏览 0评论

前端始于切图,这应该是不容辩驳的。有些同学不爱写html和css,特别是从后端转过来的同学,我觉得这样是不行的,因为前端这个职位本来就是这么发展而来的。   和切图相关的当然就是HTML和CSS了。HTML就很浅了,你只需知道HTML4和H...

清除浮动【原创】

HTML+CSS ada 10个月前 (11-14) 539浏览 0评论

最近练习写手机页面,碰到如下图的界面: 左图右文形式,这是手机页面经常碰到的一种情况,记得第一次写的时候,好纠结,因为不会,排版的时候,老是写不出和效果图一样的效果,最近发现,原来是使用了float元素,导致这个页面最外层的标签撑不起来(手机页面一...