我是靠谱客的博主 高大帅哥,最近开发中收集的这篇文章主要介绍html表单没有输入则提示,输入表单为空时如何显示输入指南,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

我想在文本输入字段中显示引导字母(占位符)

如果指南在文本输入字段的开头显示为浅色字符,则单击并放置光标通常会看到引导字母消失的表单。例如,它是一个如下图所示的形式。

6351fe8b1a79553ee64b1a6b59ee14cb.png

此类指导信函称为占位符。要显示此占位符,您必须先使用JavaScript。但是,从HTML 5开始,现在可以使用专用属性轻松显示。在本文中,我们将介绍两种使用HTML 5的占位符属性显示占位符的方法,并像以前一样使用JavaScript显示占位符。使用占位符属性很容易,但如果使用JavaScript,即使使用IE 9等旧版浏览器,也可以显示它。

使用HTML5占位符属性创建的占位符示例

例如,它显示如下。

查询号码:

以上实例可能具有以下行为。■ 操作1:

如果文本输入字段为空白,则会略微显示引导字母“输入数字”。如果用户在输入字段中甚至写入一个字符,则引导字符消失,并且仅显示用户的输入字符。如果用户清空输入字段,则再次薄薄地显示引导字符“输入数字”。■ 操作2:

如果文本输入字段为空白,则会略微显示引导字母“输入数字”。当用户将光标放在输入字段中时,引导字母消失。如果输入字段为空并且光标移动到另一个位置,则再次显示引导字符“输入数字”。至少,在撰写本文时,在Edge,Firefox,Chrome,Opera的每个最新版本中

最后

以上就是高大帅哥为你收集整理的html表单没有输入则提示,输入表单为空时如何显示输入指南的全部内容,希望文章能够帮你解决html表单没有输入则提示,输入表单为空时如何显示输入指南所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(40)

评论列表共有 0 条评论

立即
投稿
返回
顶部