当Js单击输入框时，默认文本会消失。
为了提高用户体验和易用性，一些设计师会优化用户经常使用的网页，比如输入框。一般输入框是如何优化的从用户体验的角度来看，用户使用简化的步骤，让用户更方便的使用是提高易用性，例如，当鼠标悬浮在输入框更改输入框，在文本框中输入自动选择默认的颜色，或单击输入框自动删除默认的内容等。这听起来很复杂，但是很简单的做的一个小的Javaｓｃｒｉｐｔ代码，介绍下面的代码数的影响。1。单击HTML代码选择输入框的内容：
输入的内容：
当2时改变帧的颜色或背景颜色。鼠标挂在输入框中。
实现这种效果有两种方法：首先，在CSS中使用伪元素：焦点；方法二，或者使用一个简短的Javaｓｃｒｉｐｔ；方法1的HTML代码与上面的示例相同，但只在CSS中添加以下段落。
输入：悬停{ border: 1px solid # F00；}
当鼠标悬浮在输入框，输入框的边框就会变红，但这种方法是有效的只有在Firefox浏览器和IE7的版本。IE6不支持它，所以它有一定的局限性。大多数方法两代码是像上面的例子一样，但只有一个单一的鼠标悬浮在后面添加代码：
输入的内容：
有了这个代码，大多数浏览器都可以支持它。
三.单击输入框默认值。
还有一个效果，当鼠标点击输入框，原来的默认文本消失。如果你进入其他新的内容，然后移动鼠标，输入框中输入新的内容保持不变；如果没有新的内容进入，鼠标离开输入框和恢复默认的文本。这效果也只有一小部分的Javaｓｃｒｉｐｔ做的。
输入的内容：
我们认真听取你的意见，仔细听取你的批评，请详细描述你的建议或你遇到的问题。
上述三个效果都是简单的Javaｓｃｒｉｐｔ应用程序。