您的位置：首页 > 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文本框的提示信息，希望对大家有所帮助，也非常感谢大家对开心学习网网站的支持！

    标签：Input 文本框 提示信息
  • 上一篇：laravel提取数据库的字段（Laravel创建数据库表结构的例子）
  • 下一篇：truncate与delete优缺点（秒懂drop、truncate和delete的区别）
    • 您可能感兴趣
    首页 编程学习 Web前端 数据库 软件设计
    开心学习 ©2013-2021 保留所有权利