概述
我想在文本输入字段中显示引导字母(占位符)
如果指南在文本输入字段的开头显示为浅色字符,则单击并放置光标通常会看到引导字母消失的表单。例如,它是一个如下图所示的形式。
此类指导信函称为占位符。要显示此占位符,您必须先使用JavaScript。但是,从HTML 5开始,现在可以使用专用属性轻松显示。在本文中,我们将介绍两种使用HTML 5的占位符属性显示占位符的方法,并像以前一样使用JavaScript显示占位符。使用占位符属性很容易,但如果使用JavaScript,即使使用IE 9等旧版浏览器,也可以显示它。
使用HTML5占位符属性创建的占位符示例
例如,它显示如下。
查询号码:
以上实例可能具有以下行为。■ 操作1:
如果文本输入字段为空白,则会略微显示引导字母“输入数字”。如果用户在输入字段中甚至写入一个字符,则引导字符消失,并且仅显示用户的输入字符。如果用户清空输入字段,则再次薄薄地显示引导字符“输入数字”。■ 操作2:
如果文本输入字段为空白,则会略微显示引导字母“输入数字”。当用户将光标放在输入字段中时,引导字母消失。如果输入字段为空并且光标移动到另一个位置,则再次显示引导字符“输入数字”。至少,在撰写本文时,在Edge,Firefox,Chrome,Opera的每个最新版本中
最后
以上就是高大帅哥为你收集整理的html表单没有输入则提示,输入表单为空时如何显示输入指南的全部内容,希望文章能够帮你解决html表单没有输入则提示,输入表单为空时如何显示输入指南所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复