表单隐藏提示效果

最新推荐文章于 2024-10-12 22:37:25 发布

一厘米1992

最新推荐文章于 2024-10-12 22:37:25 发布

阅读量472

点赞数

分类专栏： HTML 文章标签：表单提示 html5

本文链接：https://blog.csdn.net/u014769320/article/details/45746591

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

效果图：

当点击表单时，表单中的提示信息消失

代码为：
<body style="background-color: #C7EDCC">
<span style="white-space:pre">	</span>这是个input：<input type="text" placeholder="这是隐藏提示的效果" />
	<br/>
	<hr />
	这是个文本域text：
	<br/>
	<textarea rows="5" cols="50"  placeholder="这是隐藏提示的效果" ></textarea>
</body>

产生这种效果的原因，是因为在表单元素中添加了placeholder元素。只是HTML5中新加入的input属性。