• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    使用placeholder属性设置input文本框的提示信息

    实例

    带有 placeholder 文本的搜索字段:

    <form action="demo_form.asp" method="get">
      <input type="search" name="user_search" placeholder="Search W3School" />
      <input type="submit" />
    </form>

    定义和用法

    placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

    该提示会在输入字段为空时显示,并会在字段获得焦点时消失。

    注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。

    下面看下使用placeholder属性设置input文本框的提示信息

    input文本框中设置提示信息,可以使用placeholder属性

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
        </head>
        <body>
            <input type="text" placeholder="请输入用户名"value="" />
        </body>
    </html>

    结果就是这样,有当文本框内容为空时就显示提示信息,当输入内容时提示内容就消失了

    placeholder和value属性的区别是,value属性设置的直接是文本框中的内容

    总结

    以上所述是小编给大家介绍的使用placeholder属性设置input文本框的提示信息,希望对大家有所帮助,也非常感谢大家对脚本之家网站的支持!

    上一篇:html5实现滑块功能之type=range属性
    下一篇:HTML如何让IMG自动适应DIV容器大小的实现方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    使用placeholder属性设置input文本框的提示信息 使用,placeholder,属性,设置,