有条件地引导标签上的占位符
我有一个内联表单，有几个输入。
在较大的设备中，我想用“label”来表示字段类型，但在较小的设备中，
我想用“占位符”来节省空间。 对于'label'，我可以使用引导类d-none和d-sm-block。
如何有条件地为较小的设备显示“占位符”？
null
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
<form class="form-inline">
<label class="control-label d-none d-sm-block mr-2" for="id1">Country</label>
<input type="text" id="id1" placeholder="input country">
</form>
</body>
</html>null
共有1个答案
首先，在我看来，没有理由在任何设备中隐藏占位符。 因为它的存在是为了为输入元素创建交互式控件。 但是在任何情况下，如果您坚持要在任何设备中删除它，您都可以使用::placeholder伪元素，如下所示:
input::placeholder {
color: transparent;
}
以使占位符消失。
因此，对于更精确的示例，您可以看到下面的代码片段，其中我为设备定义了最大宽度为767px的介质。您可以将其更改为任何您想要的内容。
null
@media only screen and (max-width: 767px) {
::-webkit-input-placeholder {
/* WebKit browsers */
color: transparent;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: transparent;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: transparent;
}
input::placeholder {
color: transparent;
}
}<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
<form class="form-inline">
<label class="control-label d-none d-sm-block mr-2" for="id1">Country</label>
<input type="text" id="id1" placeholder="input country">
</form>
</body>
</html>-
我正在使用Bootstrap 3选项卡进行页面布局，并Chart.js为项目创建甜甜圈图。 但是，当更改为带有图表的选项卡时，图表不会加载。有时，当您开始在谷歌浏览器中检查元素时，它们会加载。它们似乎只有在第一个可见选项卡上加载时才会呈现。 chrome控制台中的chart.js javascript有一个已知错误: 未捕获的IndexSizeError:无法对“CanvasRenderingCo
-
我用Spring Boot开发了一个微服务。此服务正在使用Spring云配置服务器获取属性。此微服务接受标头中的版本，并根据版本执行相应的功能。在我的github repo中，我有2个分支，每个版本1个。该服务通常将以下信息发送到配置服务器以获取属性- 应用程序名称配置文件标签 是否有办法在my中使用占位符代替标签。yml文件？如果我在标题else v2中看到v1，我希望将标签动态设置为v1。 编
-
我有一个静态页面，我想有条件地服务于特定的URL 使用spring boot，我可以将页面放置在静态或公共资源目录中，并将其提供给所有人，但如果我想通过功能标志限制或禁用对它们的访问，那么这并不合适 使用模板引擎，我可以将页面作为模板加载，并返回对视图的引用。然而，我的应用程序相当简单，当我不需要模板引擎时，我不想使用模板引擎 我希望能够使用控制器来确定是否提供页面。让控制器返回静态页面的最简单方
-
我开发了一个Spring Boot2.0.x应用程序，该应用程序使用Gradle5.2.1导入多个Maven BOM，包括自定义和官方Spring BOM。因此，我使用Gradle提供的语法。但是，我也使用插件与Spring Boot Gradle插件结合使用。 根据文档，这种插件组合触发了Spring Boot BOM文件的包含。但是，我不知道这个隐含的BOM如何符合BOM的常规顺序。是先应用并
-
我正在尝试使用Bootstrap4创建一个表单。但是文件输入的标签溢出了列。我找不到一个方法使它适合这个专栏。有没有一种引导方式或自定义css可以实现这一点？ 编辑：很抱歉，我的问题没有得到很好的解释。我所说的标签是指文件输入中的标签。那个isi“选择文件…”。可以看到，图像中输入的文件在右侧溢出。它与其他输入字段不对齐。
-
问题内容： 我需要绘制一个水平直方图，并且按如下所示设置直方图的标签， 有人能找出这里有什么问题吗？ 为什么不显示其他标签？ 问题答案： 这个问题的答案的问题是，你不应该使用（这在JFrame默认情况下使用），而是使用GridLayout。这样 您就可以将添加到。一个示例如下所示：
-
我有一个数据框架，df，就像: 我想绘制两个垂直条形图，每个大陆一个，并排，共享相同的y轴。我已经完成了90%的工作，除了将条的高度添加到子图中。到目前为止，我的代码： 我在这里和那里看到过带有标签的示例，但这些往往只适用于一个条形图，而不是几个子图。
-
我正在尝试使用我自己的标签制作Seaborn条形图，代码如下： 但是，我得到一个错误： 有什么好处？