应用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文字框的提醒信息内容,期待对大伙儿有一定的协助,也十分谢谢大伙儿对脚本制作之家网站的适用!