使用 input 标签实现输入框带有提示文字的效果（两种方式）

简介：
本教程详细介绍了如何使用HTML的input标签创建具有提示文本功能的输入框，并提供了两种实现方法。适合前端开发入门学习。 通过HTML5与CSS3的结合可以实现带有提示文字的输入框而无需使用JavaScript。Webkit浏览器支持一种特殊的CSS属性，能够控制内部文本样式，并且配合CSS3动画效果及伪类选择器，我们可以轻松创建出具有动态特效的输入框，在系统登录界面或搜索栏中非常适用。 当用户选中该输入框时，提示文字会变为浅色背景显示；一旦开始输入内容后，这些初始提示便会自动消失。过去通常的做法是在``标签之后添加一个``元素，并通过JavaScript进行控制。然而，在HTML5出现以后，我们有了更加简便的实现方式。 具体来说，可以使用如下代码示例： ```html ``` 这种方式不仅减少了对JavaScript的需求量，还能确保界面操作更为流畅。