【文件属性】:
文件名称:HTML5 Placeholder实现input背景文字提示效果
文件大小:57KB
文件格式:RAR
更新时间:2022-09-12 11:21:40
HTML5教程
这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示:
这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的。但HTML5给我们提供了新的纯HTML的实现方式,不需要任何的JavaScript,只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性,然后在属性值里输入你需要的提示信息。
语法基本是这个样子:<input placeholder=”提示信息...”>
HTML代码
<form>
<input type="text" placeholder="你的姓名..." name="lname">
<input type="password" placeholder="你的密码..." name="pass">
<input type="submit" value="提交">
</form>
用CSS美化Placeholder提示信息的样式
CSS3里有相应的通用的对Placeholder提示信息美化的方法。[......]
阅读全文>>
【文件预览】:
html5-css3-carousel
----index.html(12KB)
----scss()
--------style.scss(11KB)
----js()
--------modernizr.js(15KB)
--------jquery.js(95KB)
--------prefixfree.min.js(6KB)
--------index.js(12KB)
----config.rb(752B)
----300.jpg(7KB)
----css()
--------style.css(11KB)