首页 > 软件开发 > 编程语言 >

如何实现input文本框输入提示

来源:互联网 2023-03-17 00:20:51 版权归原作者所有,如有侵权,请联系我们

本篇介绍如何实现input文本框输入提示。shO办公区 - 实用经验教程分享!

方法一

  • 1

    通过HTML5属性placeholder实现。代码如图。shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

  • 2

    打开浏览器查看效果,如图。shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

  • 2本页面未经许可获取自百度经验
  • 方法二

  • 1

    通过js实现聚焦行提示消失,代码如图。shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

  • 2

    当鼠标聚焦在输入框内,提示消失。如图。shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

  • 3

    通过js实现输入型提示消失。代码如图。shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

  • 4

    当在文本框内输入内容是,提示消失。如图。shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

    如何实现input文本框输入提示shO办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!shO办公区 - 实用经验教程分享!


    标签: 编程语言JAVASCRIPTJQUERYHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号