应用placeholder特性设定input文字框的提醒信息内容

日期：2021-01-19 类型：科技新闻 

关键词：网页设计，移动端网页设计，大一网页设计作业成品，网页编辑软件，网页在线编辑

案例

带有 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⑻">
        <title></title>
    </head>
    <body>
        <input type="text" placeholder="请键入客户名"value="" />
    </body>
</html>

結果便是这样,有当文字框內容为空时就显示信息提醒信息内容,当键入內容时提醒內容就消退了

placeholder和value特性的差别是,value特性设定的立即是文字框中的內容

总结

以上所述是网编给大伙儿详细介绍的应用placeholder特性设定input文字框的提醒信息内容，期待对大伙儿有一定的协助，也十分谢谢大伙儿对脚本制作之家网站的适用！

上一篇：有木有完全免费功能强大的手机上抽奖手机软件 返回下一篇：没有了