天天看点

input文本框的提示效果

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文本框的提示效果

继续阅读