名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。
- 本篇文章的具体介绍如下
当选中对话框后,提示文字变浅色,输入后消失.这个现在通行的做法是在Input网页文章标签后面增加一个Label。使用JS控制。
网页hTML5教程出现后,咱们有一个更好的实用具体的方法。
复制具体代码 具体代码如下:
<input type="text" placeholder="用户名或邮件地址" name="username"/>
咱们看到有placeholder网页文章标签,可以作为用户文字提示。这样子就非常方便了。但是为了最求完美,咱们需要在选中后,将文字变浅,或者修改提示相关站点文件的样式,咱们该怎么办?
复制具体代码 具体代码如下:
input::-webkit-input-placeholder {
color: #999;
-webkit-transition: color.5s;
}
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {
color: #c2c2c2;
-webkit-transition: color.5s;
}
-webkit-input-placeholder,webkit特有的一个css,可以控制里面的文字样式,配合css3的动画具体效果和伪类,咱们就可以很容易做出一个带动画的输入框,在系统登录、搜索等位置很适合。当然您要为了兼容IE6,这个实用具体的方法是行不通。不过Ie9也支持placeholder网页文章标签,就是无法修改它的颜色而已。
那么,如果不支持该怎么办?可以简单直接使用Jquery帮忙,那么在就不在本文讨论范围了。
给一个Demo,Demo地址 必须在Webkit浏览器下才看到完整具体效果。是不是很方便?
关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,提示文字,输入框html5的新增的网页文章标签和废除的网页文章标签简要概述
只有当 command 网页元素位于 menu 网页元素内时,该网页元素才是可见的。否则不会显示这个网页元素,但是可以用它规定键盘快捷键。。