在Chrome中关注时,占位符不会消失
在Chrome浏览器中，占位符是用于表示元素在页面中的位置和大小的占位符文本，通常用于在页面上放置内容元素，例如图片、文本框、按钮等。在Chrome中关注时，占位符不会消失，这意味着在页面上放置内容元素后，占位符仍然会保留在原来的位置，直到页面被刷新或重新加载。
在Chrome中关注时，占位符不会消失的原因是因为占位符是页面的元数据，它不直接参与页面的渲染和显示，而是用于辅助页面的渲染和显示。因此，在Chrome中关注时，占位符不会消失。
相关·内容
我有一个表单，它使用javascript来填充文本区域。用户应该能够复制文本，我已经使用下面的代码使文本区域成为只读的。
<textarea readonly id="newList" name="newList" placeholder="When you click
the button below, your list appears here. Copy and paste it into your
new document. Use CTRL-A to quickly select all items."><
浏览 4提问于2013-11-14得票数 1
回答已采纳
1回答
占位符的不同行为
、、、
我正在尝试占位符属性，但我注意到，如果我将字段集中在Chrome上，占位符就会消失，而在Firefox中，占位符只会在第一个按键之后消失。
我喜欢Firefox的行为:我怎么能强迫Chrome这样做呢？
非常感谢
浏览 4提问于2013-12-15得票数 1
回答已采纳
我在输入字段上使用。
该字段有一个占位符属性"Username“。
<input id="email-notifications" type="text" class="form-control" placeholder="Username">
当我开始输入字段(在Chrome 31中)时，占位符就会像预期的那样消失。但是，一旦令牌字段验证了一个电子邮件地址并将其制作成一个令牌，占位符文本就会再次出现。
整个设置的
我能做些什么？
浏览 0提问于2013-12-09得票数 1
回答已采纳
2回答
我知道我可以通过指定value属性来生成一个带有默认文本的输入表单，但是我如何使它成为透明的文本，并在单击它时消失？我想使我的文本字段以的方式。
我发现的所有资源看起来都太复杂了，我希望这就像设置几个属性一样简单，但我不知道该设置哪些属性。我尝试查看chrome工具中的twitters源代码，但是找不到代码，这使得它们能够使用在单击时消失的透明文本。
浏览 3提问于2014-07-13得票数 0
回答已采纳
我有以下输入字段
<input type="text" id="search-box" placeholder="input the name" />
占位符文本设置字段的默认值，即“输入名称”。如果单击该字段，文本将消失，以便您可以在字段中键入名称。
占位符文本显示在Chrome中，而不是在 firefox 中，如何解决这个问题？(我正在使用firefox 3.6)
浏览 0提问于2011-03-01得票数 10
可能重复：
在Mac上的Safari和Chrome中，当用户关注带有占位符属性的文本字段时，占位符将一直保留到输入字符为止。在Firefox (可能还有其他浏览器)中，占位符将在文本字段的选择后立即消失。有没有办法强迫Firefox和其他浏览器保留占位符，直到用户开始输入Chrome和Safari？谢谢!
浏览 3提问于2013-02-03得票数 1
3回答
我已经在我的输入字段中放置了标签，以便在背景中显示解释性文本，当用户在字段中键入时，文本将消失。我使用了这里解释的例子：，特别是在
然而，当浏览器保存密码时，例如在Google chrome中，文本就会变得乱码，如下图所示(这张图片当前在我的本地计算机上)：
保存的密码的背景文本不会消失。任何帮助都将是感恩的--谢谢。
浏览 0提问于2012-10-16得票数 1
回答已采纳
1回答
是否有一个插件可以模仿Chrome和Safari对不支持该属性的旧浏览器的HTML5占位符属性的处理。
Chrome如何处理占位符属性：
占位符文本被添加到较浅颜色的输入框中，一旦在输入框中输入字符，占位符文本将消失。
对于较旧的浏览器，插件应该：
在输入中隐藏键按下的占位符文本，而不是在焦点上使用占位符属性创建与输入元素覆盖相同值的标签元素，而不是将值插入输入框(不希望占位符值影响提交值或其他验证代码)。
我已经花了一些时间查看可用的插件，但我一直未能找到工作的东西，如所述。
浏览 1提问于2012-06-12得票数 0
4回答
我使用的是丹尼尔·斯托克斯的jQuery占位符插件。
这是插件：
它实际上适用于所有的字段，除了以下小问题:在Chrome中，当焦点放在字段上时，占位符会一直保留到你输入一些东西。但在IE和FF中，占位符文本在焦点之后被删除。我希望他们都能表现得像Chrome一样。
这个东西是chrome的，占位符是本地支持的，所以即使没有插件，它也会以我希望的方式工作。在FF中，除了前面提到的问题之外，它在没有插件的情况下也可以工作。而在IE中，没有插件就不能工作，正如你可能已经猜到的那样。
浏览 0提问于2012-04-10得票数 2
我想创建单元格，指示用户需要在背景单元格中填充什么内容，当您单击输入某个内容时，此文本将消失。你通常会看到你在网上订购了一些东西。例如:问题:出生日期，答案字段:灰色文本中的DD/MM/YYYY。当您单击DD/MM/YYYY时，它会消失，您可以回答。
我希望在不使用VBA的情况下执行此操作，因为我没有使用VBA的经验。这个是可能的吗？
我考虑过使用条件格式，但我认为只有当有人键入内容时，文本才不会在单击时消失。
有谁知道我如何做到这一点吗？
非常感谢
浏览 0提问于2017-03-23得票数 1
回答已采纳
我必须创造出这样的东西：
\begin{frame}[fragile]{frame title}
lorem ipsum ...
\end{frame}
注意，部分[fragile]是可选的。也就是说，如果我在$1占位符中输入了一些文本，它应该包含方括号。如果我没有在$1占位符中输入文本，我根本不想要方括号。
我不知道如何使$1占位符成为可选的。到目前为止，我已经创建了这个片段，它执行除可选部分之外的所有操作。
snippet frame "frame environment" b
\begin{frame}[$1]{${2:frame title}}
${0:${VI
浏览 3提问于2019-09-20得票数 0
2回答
我想做一个注册表，其中包含文本在表单中，只有当您开始键入的文本从表单中消失。我找到的唯一解决方案是，当您单击该框时，描述文本立即消失时使用css。
浏览 2提问于2014-04-16得票数 0
1回答
我正在尝试将占位符文本包装到输入字段的下一行。我找到了如何做到这一点的例子，而且它在Chrome中工作，但在Firefox中不起作用。
这是我从以下代码中提取的堆栈溢出问题：
这适用于Chrome，但不适用于Firefox。我知道我的伪元素是有效的，因为当我做其他明显的事情(即颜色:红色)时，它确实改变了输入文本。我正在寻求帮助，特别是包装风格。
::-moz-placeholder {
white-space:pre-line;
position:relative;
top:-7px;
}
(这在FF中行不通)
::-webkit-input-placehold
浏览 0提问于2019-05-16得票数 1
回答已采纳
3回答
我搜索一个脚本以在输入字段中消失该值。用户单击In入，该值将消失，如果用户没有将某些内容写入输入字段，则应该再次显示文本。
我用jQuery和focusin()、focusout()进行了尝试，但随后更改了所有输入字段中的值。
浏览 4提问于2015-06-17得票数 1
回答已采纳
我想要一个占位符作为输入。我开始测试Chrome，Mozilla和IE10 (IE8正在等待)。
属性占位符在chrome和mozilla中工作得很好。但是在IE 10中的行为很奇怪。当焦点转移到输入时，文本甚至会在写入输入之前消失。
我发现这是IE中的一个bug。后来得到了另一个@ 。这在IE10，Mozilla和Chrome上运行得很好。不确定它是否在IE8中太有效。
我的问题是：
使用jQuery创建的占位符会比内置的css属性“占位符”执行得更好吗？如果jQuery的性能不好，我将坚持使用CSS属性，继续处理有缺陷的IE行为。这一点很重要，因为我正在开发的页面将有最大的负载。另外，我还
浏览 2提问于2014-08-05得票数 0
回答已采纳
2回答
我有一个表格，管理员可以添加候选人。在IE8中运行应用程序并单击“重置”按钮时，它会从所有字段中删除占位符。我使用placeholder.js支持IE8中的占位符属性。
这是我的复位功能..。
function resetCandidateData(){
$("#addCandidateForm")[0].reset();
}
我的表格是这样的..。
<form name="addCandidateForm" id="addCandidateForm" method="Post">
<inp
浏览 4提问于2013-11-08得票数 0
回答已采纳
在我的模型中我有
[Display(Prompt="Author First Name",Name="First Name")]
[StringLength(100,ErrorMessage="First Name may not be longer than 100 characters")]
public string AuthFirstName { get; set; }
我有一个String.cshtml文件，
@Html.TextBox("",ViewData.TemplateInfo.FormattedModelVal
浏览 0提问于2011-09-08得票数 0
回答已采纳
1回答
我试图使用宏自动生成预先存在的和原始的.docx表单，并且需要通过宏将纯文本内容控件插入到表单的不同位置。在原始的.docx表单中，Control字段是8个带下划线的空格，并被括号包围。在原始表单中，当我单击内容控件时，只需要单击一次，当我单击它并输入信息时，下划线空格消失，只剩下我输入的文本和括号。如何使用VBA创建具有这些属性的Control？在宏生成的文档中，为了输入数据，我必须先在带下划线的空格上的Control中单击，然后单击左边的3个点。但是，当我在宏生成的文档中这样做时，下划线停留。如果在宏生成的文档中单击一次Control，则输入将被添加到空格中，而不是替换它们。此外，如何在C
浏览 3提问于2021-06-04得票数 0
回答已采纳
1回答
掩码文本输入
、、
嘿，我正在试着做一个简单的输入文本，就像这样。
<input type="text" id="pin" name="pin" maxlength="4" size="4" placeholder="____">
现在在前端，我想保留这个占位符，直到用户输入所有字符。
例如：
1___
12__
123_
1234
清楚了吗？谢谢你的帮助
编辑:让我更清楚地说明这一点。我希望占位符或类似占位符的东西保持可见，直到所有字符都键入！这意味着当我输入一个字符时，它不会消失。它会在尚未键入的字符上
浏览 1提问于2013-03-15得票数 1
我正在使用Angular的flex-layout库，但是当我创建一个包含2列且宽度为50%的行时，会遇到一个问题。当以任何方式使用其中一个下拉列表时，另一列将会缩小一点。检查Chrome中的元素，我没有看到任何明显的会导致这个问题的东西。
您可以通过从Select #1下拉列表中选择一个选项来重现此问题。
我遗漏了什么？
浏览 5提问于2017-07-18得票数 0
回答已采纳
1回答
我在网上到处寻找我的问题的答案，而我找到的最接近答案的是另一个堆栈溢出问题，在这里：
问题是，要么OP的需求与我没有完全相同，要么它们没有明确说明它们是否存在。
我正在寻找一种在文本输入字段中获取默认“输入位置”的方法，并在保持相同功能的同时将其替换为其他功能。也就是说，如果没有输入文本，文本就会消失在焦点上，并在失去焦点时重新出现。
在我目前的尝试中，我尝试使用jQuery插件替换文本。它在页面上可视地工作，但是当单击时，“输入位置”再次弹出，当输入文本时消失，或者输入失去焦点(相对于文本输入字段按预期变为空白)。
有人能在这里给我一个指针吗？
提前谢谢。
浏览 6提问于2012-02-21得票数 36
回答已采纳
我在我的博客中发布了关于如何在IE8 / IE9中使用的文章。我正在使用jquery.placeholder.js。
当页面第一次加载时，一切工作正常。占位符会正确显示，当您跳转/单击字段时，占位符将消失：
但是，如果我执行部分刷新或刷新，则占位符将成为字段的值/内容，并且不会在我单击它时消失：
我尝试在部分刷新的div末尾使用XSP.addOnLoad：
XSP.addOnLoad($(function() { $('input, textarea').placeholder();}))
但是当我在浏览器中调试时，我收到一条错误消息：
浏览 1提问于2014-08-08得票数 0
请在检查我的小提琴。在小提琴中，一旦单击文本框，默认文本就会消失。我希望在编写文本之前，默认文本不会更改。以下是我的代码：-
$(".defaultText").focus(function(srcc)
{
if ($(this).val() == $(this)[0].title)
{
$(this).removeClass("defaultTextActive");
$(this).val("");
}
});
$(".defaultText").blur(functi
浏览 9提问于2013-08-03得票数 0
回答已采纳
在以下示例中
有一个文本字段，其中包含文本"Type something...“单击后便会消失
我在下面包含了几乎相同的代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial
浏览 0提问于2012-02-18得票数 1
回答已采纳
1回答
这是rich:placeholder中的一个bug吗？
<h:inputText id="input">
<rich:placeholder value="Type text here..." />
</h:inputText>
当我尝试输入与占位符相同的文本时，它消失了。
在输入文本中键入占位符建议“在此处键入文本...”-当离开输入并再次将焦点放在其中时，它将消失。任何其他符号都会留下来。
有什么变通方法吗？
浏览 0提问于2014-10-17得票数 0
我知道，当你想要有一个像搜索这样的形式的值时，你可以像
<input type='text' name='search' value='$_GET[search]' placeholder=' Search'/>
通过使用placeholder="value"，当单击它将消失时，表单中的文本将消失，但这仅在HTML5中有效。尽管现在大多数浏览器都是支持的(可能很少有浏览器不支持)，但这是一项任务，所以我不应该使用HTML5或JavaScript。在JavaScript中，您还可以做一些类似的事情。
&
浏览 8提问于2012-06-20得票数 0
回答已采纳
使用Xcode v7.2 - iOS v9.2 - iPhone5S Swift
我正在尝试创建一个透明的UITextField，带有一个浅灰色占位符文本。
我用过：
self.userEmailTextField.backgroundColor = UIColor.clearColor()
占位符文本将消失，但在使用whiteColor或blueColor背景时会出现。
白色背景：
清晰的背景：
浏览 1提问于2016-01-07得票数 2
回答已采纳
我在django项目中有一个页面，它有许多表单，如果表单描述符出现在以褪色的灰色文本表示的输入框中，并在用户开始将文本输入到框中时消失，将是更优雅的设计。我不知道该怎么做，但我猜是jquery/js？有没有其他我看不到的内置django的方法来做这个呢？如果没有，那么在js中做这件事的最好方法是什么？下面的图片就是我的意思。注意像facebook搜索这样的工具栏在输入框中有提示文本，而我的应用程序中的链接条目表单在框外。
提前谢谢。
浏览 0提问于2014-10-27得票数 0
回答已采纳
当用户单击输入字段时，我使用一些简单的jquery将助手信息添加到输入字段中。
$('.amount').focus(function(){
$(this).attr('placeholder', '$0.00');
});
$('.amount').focusout(function(){
$(this).removeAttr('placeholder');
});
<div class="input-field">
<input id="amo
浏览 0提问于2018-04-25得票数 0
回答已采纳
4回答
如何使输入文本消失？
、、、、
我有一个输入字段，您可以在其中键入一些文本。它有一些默认文本：
<input type="text" id="text" value="Type some text here" maxlength="35" tabindex="10">
当用户单击默认文本或输入字段中时，我希望使默认文本消失。
我该怎么做？
浏览 1提问于2015-02-13得票数 2
回答已采纳
1回答
我希望在文本字段中显示文本，但当您键入某些内容时，文本就消失了。在StackOverflow中添加标签的输入域的类型：
浏览 16提问于2020-08-31得票数 0
回答已采纳
1回答
当前行为
位置保持架在电话号码掩码中不可见
预期行为
当用户输入数据时，位置保持器必须是可见的，并将输入格式和掩码放在焦点上。
说明此问题的CodeSandbox链接
请检查出现问题的浏览器。
版98.0.4758.109 (正式制作) (x86_64) Chrome
浏览 7提问于2022-03-10得票数 1
回答已采纳
我有一个django联系人表单，我希望当光标在字段中时，在表单中找到的初始文本消失。
我的表单现在是：
from django import forms
class ContactForm(forms.Form):
numele_dumneavoastra = forms.CharField(required=True, label="", initial="Numele Dumneavoastra")
numarul_de_telefon = forms.CharField(required=True, label="", i
浏览 4提问于2018-01-03得票数 1
1回答
我使用的是material ui文本字段。 文本字段的当前行为是，在焦点上，占位符位于文本字段的顶部。 ? 我不希望它在文本字段的顶部，我希望它在文本字段内，并在用户开始键入后消失，如下所示。 ? ? 我试着在InputLabelProps中给disableAnimation: true。但这并不管用。我能做些什么来实现这个行为？
浏览 13提问于2019-12-18得票数 2
回答已采纳
我知道使用Dreamweaver CS6创建普通联系人表单的过程。
但是对于我的联系人表单，我不想要像Name: Email: Message:这样的标签，我想把文本字段中的标签声明为初始值。当您单击Name Textfield时，"Name“标签消失。
怎样才能达到这样的效果呢？
浏览 0提问于2015-05-01得票数 0
2回答
视图跨透视图可见
、、
我有一个Eclipse RCP应用程序，它定义了多个透视图。默认透视图允许打开未在IPerspectiveLayout类中定义的视图(通过showView方法)。
当切换到另一个透视图时，这些视图将消失，因为它们属于默认视图。
有没有一种方法可以通过改变视角使这些视图持久化？
浏览 0提问于2013-11-22得票数 1
2回答
在Google Chrome中，当在高度为30px的文本输入中使用占位符时，占位符文本是否垂直对齐？？
我怎样才能让它位于文本输入的垂直中间？
浏览 8提问于2011-03-03得票数 3
回答已采纳
1回答
标签和占位符可访问性
、、、、
我正在试图找出标记是否类似于：
<label for="cc">Credit card</label>
<input type="text" placeholder="Credit card" id="cc">
是否有一种情况，“信用卡”将由屏幕阅读器两次宣布？
我知道，根据浏览器/屏幕阅读器的组合，这种行为可能是不同的，所以我不知道一般的建议是只使用label并避免placeholder中相同文本的重复。
浏览 1提问于2018-02-01得票数 0
回答已采纳
可能重复：
我对iOS比较陌生，我不知道如何用英语称呼它，但我想创建一些包含指令或预填充文本的UITextViews，比如“在这里键入您的名字”，或者“键入您的手机”等，都是用浅色文本写的，但是当用户选择文本视图开始键入提示时，它们包含的提示就消失了。
有什么例子/教程等，我可以跟随来了解更多吗？
我如何在iOS中做到这一点？
浏览 3提问于2012-10-07得票数 3
回答已采纳
我已经构建了一个带有搜索栏组件的简单的react应用程序。搜索栏组件包含一个输入。对于测试，我使用Jest和。我想编写一个测试，测试输入占位符在输入值中输入时消失的情况。
Searchbar.test.tsx
test("SearchBar placeholder gets replaced by search string", () => {
const handleSearchRequest = jest.fn();
render(<SearchBar searchInputValue="Hello World"/>);
浏览 3提问于2021-02-16得票数 6
回答已采纳
我正在尝试让用户在验证后在表单元素上添加一些UI标记，以便使用占位符的伪元素(从文本框开始)。我想要的是在文本框中既有值又没有值时显示::input-placeholder::after伪元素(例如，当文本框中存在无效值或需要值时-应通过::input-placeholder::after伪元素在文本框的最右侧显示红色的"X“)。
这就是问题所在：
下面是我用来显示无效值的"X“的CSS代码片段：
.input-invalid input[type=text]::-webkit-input-placeholder::after {
content: "\2716&#
浏览 1提问于2016-02-05得票数 6
回答已采纳
1回答
我有一个表格，下面有一些标签。当您单击每个标签时，它会很好地进入该字段，但目前我在该字段中有一个默认值，并希望当您单击任何一个标签时它都会消失。目前，它可以工作，但当您单击要添加到字段中的另一个标记时，它会使其他所有标记消失。
表单默认值为“请单击标记以选择您喜欢的区域。”当您单击一个消失的标记时，该字段将填充该标记下的选定标记。
有谁知道我会怎么做吗？
谢谢，马克
浏览 2提问于2012-06-26得票数 0
回答已采纳
1回答
我知道这可能有点牵强，我最终可能不得不使用某种javascript，但我想知道这是否可能。
当文本字段具有焦点时，是否可以使HTML5占位符文本保持可见？在Webkit浏览器中，这是默认设置，但在Firefox中，文本将消失。
浏览 0提问于2012-02-22得票数 0
3回答
当我创建一个输入按钮并添加一个标签时，标签就会出现在输入字段的一侧。如何使它出现在输入字段中？
我尝试用CSS将标签放在输入字段中，但是当我在输入中写入时，标签和文本重叠，文本变得不可读。输入字段时，如何使标签消失？如果你还有别的选择，请告诉我。
<div class="holder">
<label>username</label>
<input type="text">
</div>
.holder {
position: relative;
浏览 5提问于2022-11-17得票数 -2
我在结账页面上有一个用于订单注释的文本框，其中我已经通过代码(PHP)设置了交货计划。
问题陈述：
当用户单击控件时，默认文本将消失。我希望文本编辑被禁用，并保持滚动完好无损。
浏览 0提问于2017-11-10得票数 0
1回答
如何在Xcode 7的接口生成器中设置和显示自定义占位符背景？
这个功能是，但我无法设置它。
通过选择Editor >画布>显示背景占位符，可以将自定义视图和其他容器上的后台占位符隐藏在Interface画布上。(20580948)
我启用了，但是没有什么改变，我找不到可以设置自定义占位符图像的位置：
浏览 2提问于2015-08-21得票数 9
1回答
如何使用mvc4/razor视图获得类似于下图的布局。只有在输入文本后，水印才会消失。当焦点放在文本框上时不会
浏览 0提问于2013-06-26得票数 1
回答已采纳
2回答
我正在试验各种技术，把文字输入框的标签放在盒子里。然后，当您开始键入时，标签就会消失，在开始键入之前，标签将尽可能地保留在适当的位置。Basecamp (basecamp.com)有一个非常好的效果，我想效法，但不确定他们是如何做到的。
当您单击包含标签的文本框时，标签在开始键入之前不会消失。这是相对容易的脚本，有一个陷阱:如果您单击文本框内，您的光标可能出现在标签文本内的任何地方.在开始，在中间，在最后。或者，它甚至可以选择一个或多个字符，而不仅仅是将光标插入某个地方。
在Basecamp站点上，您不能选择任何标签文本。无论您单击何处，光标都会出现在文本框的最左边(开头)。即使你双击，它也不
浏览 6提问于2014-08-29得票数 0
回答已采纳
4回答
输入字段内的标签在聚焦时会消失
、、、、
如何获取格式如下的标签：
<label for="email"> Email Address *</label>
<input id="email" type="text" name="email" value="" size="18">
要在输入文本框中显示，并在输入元素处于焦点或完整状态时消失？
我发现的解决方案需要我修改html代码，但我不能这样做，因为它来自第三方小工具。我可以让标签显示在输入字段的顶部，但我不知道如何让它对输入字段的变化做出反应。
浏览 2提问于2012-06-01得票数 0
好的，这个问题有点多，但实际上它提到了我正在经历的"bug“的每一个部分。我不确定这是否真的是一个bug，或者是否有什么东西我还不明白。我创建了一个关于codepen的演示来再现奇怪的行为。
就像我在代码库中所写的，Chrome中似乎有一个bug，当它被隐藏时，HTMLCanvasElement流不会在每次图像绘制中得到刷新。但要做到这一点，就必须同时具备这四种条件。
我们必须用调用HTMLCanvasElement).The (而不是直接显示HTMLCanvasElement.transferControlToOffscreen().The HTMLCanvasElement得到的
浏览 11提问于2021-09-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
