您的位置:首页 > Web前端 > > 正文

怎么调input搜索框边框颜色(使用placeholder属性设置input文本框的提示信息)

更多 时间:2021-10-09 00:11:21 类别:Web前端 浏览量:1353

怎么调input搜索框边框颜色

使用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>
    
  • 怎么调input搜索框边框颜色(使用placeholder属性设置input文本框的提示信息)

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

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

    总结

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