HTML5 Placeholder实现input背景文字提示效果

时间:2022-09-12 11:21:40
【文件属性】:

文件名称: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)

网友评论