placeholder 相关问题

React Native占位符图标

我有一个问题，在React Native中将一个图标放在DatePicker的占位符中。事实上，我有一个问题是在该图标旁放置一些文本（“按日期搜索”）。我试过ES6模板......

如何在标准视图中使用html表单'placeholder'属性？

我是Django的新手，我正在使用Django的用户身份验证包（django.contrib.auth）进行用户登录，密码重置等。现在，虽然一切正常，但在登录表单上，我想使用.. 。

带有Font Awesome 5和Bootstrap 4的图标占位符

有谁知道如何在Bootstrap4输入中使用FontAwesome5图标作为占位符？我已经看过以前版本的几种解决方案，但似乎都没有与最新版本一起使用。这就是我......

java中属性中的动态占位符替换

我想在java应用程序中的属性中动态替换占位符。喜欢WelcomeMessage =欢迎Mr. {firstName} {lastName} !!!这些firstName和LastName变量需要是......

创建一个占位符，其形状是另一个形状的函数

假设我们有一个tensorflow占位符，如下所示：x = tf.placeholder（tf.float32，（2,2,3 ......，1））我想创建另一个张量y，其形状为x，除了第一个第二......

java swing JTextField设置PlaceHolder [重复]

我创建了一个JTextField，现在我想在JTextField上设置占位符我不知道如何在JTextField上设置占位符？请帮助如何在JTextField上设置占位符文本...

如何在选择下拉列表中的文本框中添加占位符

在Woocommerce中更改结帐帐单字段占位符

我正在尝试使用以下代码更改结帐页面中“结算地址2”的字段占位符：add_filter（'woocommerce_checkout_fields'，'custom_override_checkout_fields'，9999）...

如何在焦点上更改占位符颜色？

如何在聚焦输入字段时更改占位符的颜色？我用这个css来设置默认颜色，但是如何在焦点上更改它？ :: - webkit-input-placeholder {color：＃999; } / * Firefox

用动态数据替换占位符

是否有使用XSL或java.text.MessageFormat实现以下的通用方法？

如何将if / else表达式与属性中的angular translate结合起来？

我正在使用if / else表达式和HTML输入元素的占位符-Tag内的可能值的转换。它显然不会这样，因为嵌套的双引号...

在使用某些字体系列时，firefox上的输入类型编号完全不可见占位符

input [type =“number”]字段没有在最新的firefox中显示某些字体系列的占位符文本，如font-family：'Open Sans';.目前的版本是Firefox Quantum 57.0.2（64位）仍...

正在裁剪iOS占位符文本，字体不会更改

我有以下代码来设置iOS Web应用程序的文本输入框的样式，但有2个问题。 HTML：

事件管理器Pro插件和Qtranslate的位置

我正在使用Wordpress插件和Qtranslate的Events Manager Pro插件在Wordpress网站上工作。当我使用活动页面时，内容将以正确的语言显示。但是当我使用＃...

如何在清除Jquery中的文本字段后显示占位符值

我正在将文本字段值设置为空，如$（“＃navbarSearchField”）。val（''）;现在我想重新显示占位符值。我试图触发一个犯规和一个模糊，但都没有奏效。 $（“＃...

select2：以编程方式控制占位符

我想在事件上更改select2增强控件上的占位符。所以我得到了......然后增强了：init：...

在Edge Browser上，如何使用CSS更改输入占位符文本颜色？

在Edge Browser上，我无法更改输入占位符颜色。 ：-ms-input-placeholder不工作但在IE 10和IE 11上工作正常。输入：-ms-input-placeholder {font-style：italic; ...

select2 MULTIPLE 占位符不起作用

我正在使用以下代码来选择项目，但占位符已经不可见。我正在使用这个例子 select2-bootstrap 我正在使用以下代码来选择项目，但占位符已经不可见。我正在使用这个例子select2-bootstrap <div class="form-group" style="width:70px; height:44px;"> <select class="form-control select2" multiple="multiple" id="select2" placeholder="cawky parky"> <option>ahoj</option> <option>more</option> <option>ideme</option> <option>na </option> <option>pivo?</option> </select> </div> <script src="//select2.github.io/select2/select2-3.4.2/select2.js"></script> $(document).ready(function () { $("#select2").select2({ multiple:true, placeholder: "haha", }); 2020解决方案 这里的大问题是您选择的第一个选项 + 您的占位符太大而无法放入下拉列表中。因此，select2 将强制占位符为 width:0;. 这可以通过以下两行 CSS 来解决，这将覆盖此 select2“功能”： .select2-search--inline { display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/ } .select2-search__field:placeholder-shown { width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/ } 注意:placeholder-shown 伪类在某些浏览器的最旧版本以及 IE 上不起作用，因为您可以在here. 经过数小时的尝试，我注意到最初呈现选择时，.select2-search__field 的宽度为 0px。当我选择一个选项然后删除该选项时，显示占位符并且宽度约为 1000px。 所以为了解决这个问题，我做了以下事情： $('.search-select-multiple').select2({ dropdownAutoWidth: true, multiple: true, width: '100%', height: '30px', placeholder: "Select", allowClear: true }); $('.select2-search__field').css('width', '100%'); 在您的脚本文件中添加： $('select').select2({ minimumResultsForSearch: -1, placeholder: function(){ $(this).data('placeholder'); } }): 在 HTML 中添加： <select data-placeholder="Yours Placeholder" multiple> <option>Value 1</option> <option>Value 2</option> <option>Value 3</option> <option>Value 4</option> <option>Value 5</option> </select> 只需使用数据占位符而不是占位符。 <div class="form-group" style="width:70px; height:44px;"> <select class="form-control select2" multiple="multiple" id="select2" data-placeholder="cawky parky"> <option>ahoj</option> <option>more</option> <option>ideme</option> <option>na </option> <option>pivo?</option> </select> </div> 对我来说，占位符似乎需要allowClear: true和对象模式。尝试以下操作，看看它是否有效。有关使用 yadcf 的一般示例，请参见https://codepen.io/louking/pen/BGMvRP?#（抱歉，额外的复杂性，但我相信 yadcf 将 select_type_options 直接传递给 select2）。 $("#select2").select2({ multiple:true, allowClear:true, placeholder: { id: -1 text: "haha" } }); 在你的脚本文件中： $("select").each(function(i,v){ var that = $(this); var placeholder = $(that).attr("data-placeholder"); $(that).select2({ placeholder:placeholder }); }); 在您的 html 中（添加数据占位符 =“您的文本”）： <select data-placeholder="Yours Placeholder" multiple> <option>Value A</option> <option>Value B</option> </select> 这是 select2 GitHub 上的 已解决问题 但它从未在库本身中真正解决过。 我的解决方案类似于 Pedro Figueiredo 提出的 solution，除了它不会使容器消失。有一个关于display: contents的note，这可能会导致一些可访问性问题。您也可以简单地将其切换为 100% 宽度： .select2-search--inline, .select2-search__field:placeholder-shown { width: 100% !important; } 我更喜欢并发现基于 .select2-container 设置样式稍微更简洁，这样我就可以调用标准的 HTML 元素，如下所示： .select2-container li:only-child, .select2-container input:placeholder-shown { width: 100% !important; } 任何一组代码都以任何一种方式访问相同的元素，我不确定哪一个更“未来证明”；现在这是一个偏好问题。 此外，如果您使用的是标签，则可能需要添加一个 .select2-container { width: 100% !important; } 否则在切换到默认情况下不显示的选项卡时，select2 字段的宽度可能不正确。 在你的 html 中 <select class="form-control select2" multiple="multiple" id="select2"> <option selected="selected">cawky parky</option> <option>ahoj</option> <option>more</option> <option>ideme</option> <option>na </option> <option>pivo?</option> </select> 在你的 jquery 中 $(".select2").select2({ placeholder: "Selecione", allowClear: true }); 我找到了另一种方法，当我将 select2 附加到 dom 时 $('.select2-search__field').width('100%') 用它改变宽度样式 $('.select2-search__field').width('100%') function setSelect(select, data, placeholder) { select.each(function () { let $this = $(this) $this.wrap('<div class="position-relative"></div>') $this.select2({ placeholder, allowClear: true, dropdownParent: $this.parent(), dropdownAutoWidth: true, data }) }) $('.select2-search__field').width('100%') } 选择2/3.5.4 在你的 CSS 中： .select2-search-field, .select2-search-field input[placeholder] { width: 100% !important; } Select2 4.0.1 仍然不适用于我的多项选择。 我的解决方案 HTML <select class="select-2" multiple> ... </select> JS $('.select-2').select2({ minimumResultsForSearch: -1, placeholder: function(){ $(this).data('placeholder'); } }); $('.select-2[multiple]').each(function() { $(this).next('.select2').find('textarea').attr('placeholder', $(this).data('placeholder')); }); $('.select2-search__field').css('width', '100%'); 试试这个代码 在你的javascript中 $('.select2-search__field').addClass('w-100') 或 $('.select2-search__field').css('width', '100%') 占位符标签不是选择列表的有效属性 你可以使用这样的东西： <select class="form-control select2" multiple="multiple" id="select2"> <option selected="selected">cawky parky</option> <option>ahoj</option> <option>more</option> <option>ideme</option> <option>na </option> <option>pivo?</option> </select> 然后编写适当的 jquery 在你的select2-Bootstrap例子中是完全不同的结构 我在引导选项卡中有一些 select2 输入。 对我有用的解决方案： .select2-search--inline { display: contents; /*this will make the container disappear, making the child the one who sets the width of the element*/ } .select2-search__field:placeholder-shown { width: 100% !important; /*makes the placeholder to be 100% of the width while there are no options selected*/ }

使用空占位符将图像插入幻灯片（PowerPoint）

我想在幻灯片中插入图片，但如果有一个空的占位符，图片会自动插入到此占位符中。有没有办法告诉PowerPoint避免空...

是否可以选择最近的css选择器或父级

对于通用的标题很抱歉，无论如何，我有一些简单的HTML，如下所示：