欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

input文本框的提示效果

程序员文章站 2022-05-29 22:18:52
...

input文本框的提示有很多种,可以根据需求进行选择

通过设置placeholder属性值进行提示

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
例如:

<input id="_averageNum"  type="text" placeholder="均分个数"/>

input文本框的提示效果

通过设置title属性进行提示

title 属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本(tooltip text)
title 属性常与 form 以及 a 元素一同使用,以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。
例如:

<img id="preview-img" class="nav-link" src="/img/预览图.png" title="preview">

input文本框的提示效果