如何在输入的占位符中使用open-iconic-bootstrap
在输入的占位符中使用open-iconic-bootstrap可以通过以下步骤实现：
- 首先，确保你已经引入了open-iconic-bootstrap的相关资源文件。你可以在open-iconic-bootstrap的官方网站（https://useiconic.com/open）上下载所需的CSS和字体文件。
- 在HTML文件中，找到你想要使用open-iconic-bootstrap的输入框，并为其添加一个占位符属性（placeholder）。
- 在占位符属性中，你可以使用open-iconic-bootstrap提供的图标类名来显示相应的图标。每个图标都有一个对应的类名，你可以在open-iconic-bootstrap的官方文档（https://useiconic.com/open#icons）中找到完整的图标列表。
- 例如，如果你想在输入框的占位符中显示一个搜索图标，你可以将占位符属性设置为
<input type="text" placeholder="<span class='oi oi-magnifying-glass'></span> Search">。这里的oi oi-magnifying-glass是open-iconic-bootstrap中搜索图标的类名。 - 最后，你可以根据需要自定义输入框的样式，例如设置输入框的宽度、颜色等。
需要注意的是，open-iconic-bootstrap是一个基于Bootstrap框架的图标库，它提供了一系列简洁、可缩放的矢量图标，可以与Bootstrap的样式和组件无缝集成。使用open-iconic-bootstrap可以为你的应用程序或网站添加漂亮的图标，提升用户体验。
腾讯云没有直接相关的产品或服务与open-iconic-bootstrap相关联。
相关·内容
有没有办法在type=number的输入标记中显示占位符文本？
详细问:当元素没有被聚焦时，HTML的输入标签的属性'placeholder‘用于在UI中显示关于输入标签的描述-当相同的字段获得焦点时，描述性文本变为空白。问题是，如果输入类型是type="number“，则看不到任何文本。我的UI确实有空间限制，无法负担输入标签之前的标签。
有什么建议吗？
浏览 1提问于2011-09-13得票数 10
1回答
这是rich:placeholder中的一个bug吗？
<h:inputText id="input">
<rich:placeholder value="Type text here..." />
</h:inputText>
当我尝试输入与占位符相同的文本时，它消失了。
在输入文本中键入占位符建议“在此处键入文本...”-当离开输入并再次将焦点放在其中时，它将消失。任何其他符号都会留下来。
有什么变通方法吗？
浏览 0提问于2014-10-17得票数 0
我很确定，这之前有人问过，但我不知道该找什么..。
我想输入提示一个“泛型”函数(就像C++中的函数模板)
(这个例子一点意义都没有--只是为了演示)
def foo(fn: Callable[Any, Any], args: Any) -> Any:
return fn(args)
我想在我有完整类型信息的上下文中使用这个函数，所以我希望我可以去掉任何Any。
def bar() -> int:
func: Callable[[str], int] = lambda arg: len(arg)
return foo(func, "Hurz"
浏览 2提问于2021-04-16得票数 1
回答已采纳
如果我有自己的转换器，并且在Java类中工作，我如何访问Spring配置属性？
在流XML中，我会输入类似${activemq_server}的内容，但在Java语言中，我不确定如何获取该值。
我正在挖掘MuleMessage和它附带的所有对象(上下文、配置等)，但我还没有找到它们。
在过去，我曾将它们注入到消息属性中，但这感觉太草率了。
浏览 4提问于2013-02-12得票数 2
回答已采纳
我已经创建了一个200x50px的输入文本字段。在输入字段中键入文本会自动显示在该输入字段的垂直中心。如何将其移动到文本字段中？我试着像padding:20px这样将其下移，但这也会使输入字段变得更高。当我把这个高度调小的时候，它会把底部的文本去掉。 您可以在以下位置查看示例：demo 我刚刚添加了一个输入字段： <input placeholder="fill it in"></input> 然后在上面使用这个css： input {
width:200px;
height:50px;
font-size: 20px;
text-al
浏览 11提问于2019-05-15得票数 1
我的应用程序中有一些jQuery，可以根据输入字段中输入的内容删除/显示占位符。如下所示：
$(document).ready(function() {
$('input').keyup(function() {
if ($(this).val().length) {
$('label[for='+$(this).attr('name')+']').hide();
} else {
$('label[for='+$(this).
浏览 4提问于2011-09-22得票数 1
回答已采纳
我使用打印机斑马打印机模型zd410，并设计了一个带有一些键盘输入的标签，我希望在ZPL有效负载中提供这些输入，而不是使用他们的软件来实际填写公式，因为我们已经从应用程序中获得了应该打印标签的数据。该标签具有以下提示文本的这4 Variable keyboard input。
textreservation = textdepartment = textsize = text
所以通过发送
LABEL.ZPL^XA
^XFE:LABEL.ZPL^FS
^XZ
我可以打印一个带有空值的标签。我希望我能通过做这样的事情来填补这些问题：
LABEL.ZPL^XA
^XFE:LABEL.ZPL^FS
浏览 1提问于2020-10-31得票数 0
回答已采纳
我想创建单元格，指示用户需要在背景单元格中填充什么内容，当您单击输入某个内容时，此文本将消失。你通常会看到你在网上订购了一些东西。例如:问题:出生日期，答案字段:灰色文本中的DD/MM/YYYY。当您单击DD/MM/YYYY时，它会消失，您可以回答。
我希望在不使用VBA的情况下执行此操作，因为我没有使用VBA的经验。这个是可能的吗？
我考虑过使用条件格式，但我认为只有当有人键入内容时，文本才不会在单击时消失。
有谁知道我如何做到这一点吗？
非常感谢
浏览 0提问于2017-03-23得票数 1
回答已采纳
我使用MySQL创建了以下数据库： CREATE TABLE tutors (
id INTEGER NOT NULL AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(50) NOT NULL,
email VARCHAR(320) NOT NULL,
description VARCHAR(400) NOT NULL,
image VARCHAR(150) NOT NULL,
applyDate DATE NOT NULL) 其中image列存储我在文件系统中存储的图像的绝对路径。 但是，当我尝试插入用户输入的数据时，例如 arguments = (&#
浏览 17提问于2020-08-23得票数 1
回答已采纳
如何在Spring MVC中为表单输入元素添加html5占位符属性？
示例：
<input type="text" required="true" name="firstName" id="firstName" placeholder="Your Name"
dojoType="dijit.form.ValidationTextBox" missingMessage="Ooops! You forgot your first name!" /
浏览 2提问于2012-10-27得票数 0
1回答
我使用Logitechs实现来编写一个简单的无后坐力脚本。
我想微调NR变量，将它转换成双倍并使用小数。
每当我尝试这样做时，控制台就会发出
[string "LuaVM"]:45: bad argument #2 to 'OutputLogMessage' (number has no integer representation) Line Number:1
如果插入十进制数，脚本将停止工作。我真的不知道如何进行转换，即使是在查看了文档之后。
--General--
UP = 13 -- to increase NoR
浏览 17提问于2022-10-19得票数 0
1回答
基于引导的浮动输入位置保持值无法更改。希望将某些文本显示为默认占位符&应该启用可编辑的占位符/值区域。请帮帮忙
<div class="form-floating mb-3 ">
<input
type="text"
class="form-control "
id="floatingInput"
placeholder="Enter text here …"
value
浏览 2提问于2022-05-17得票数 0
回答已采纳
在我目前的情况下，我需要用多个用户登录到应用程序中，并使用json中提供的输入创建文章，其中有超过50个parameters.How我可以做需要准备两个csv文件或什么，请建议。
浏览 2提问于2020-01-28得票数 0
2回答
我想在我的应用程序中的username文本字段中添加用户名(vs有一个标签在它旁边)，用户可以输入这个文本。我已经看到它是用html完成的，但是由于im使用了new.html.erb标记和text_field标记，所以我很困惑如何在form_for页面上这样做。
感谢先进的！
浏览 2提问于2013-04-22得票数 0
回答已采纳
在第一个输入标签中，“占位符”和“咏叹号”属性的用途是什么？它们与第二个输入标记中的"name“和"value”相同吗？
<input type="search" placeholder="Search" aria-label="Search">
<input type="search" name="Search" value="Search">
浏览 2提问于2020-08-03得票数 2
回答已采纳
2回答
我正在尝试浮动一个标签，它工作得很好。当用户关注输入并键入内容时，标签文本被粘贴在上方，当用户单击下一个字段时，输入文本消失，标签文本放置在输入中。我需要检查，如果有人键入我想坚持浮动标签上面的话。我会附上小提琴链接，请查收。我们将非常感谢您的帮助。 谢谢 Fiddle link .newForm {
background-color: #fff;
}
.newForm input {
width: "100%";
padding: 10px;
}
.newForm input:focus + label {
color: #0f73ee;
fon
浏览 18提问于2020-07-20得票数 1
回答已采纳
2回答
在react本机文本输入占位符中，是否有任何方法给位置持有者文本提供多种颜色。电子邮件黑色星号红色
我已经尝试过文本输入的placeholdertextcolor属性。但它只允许整个占位符文本的一种颜色。
链接中的图像是我所需的文本输入UI.
浏览 9提问于2021-01-06得票数 1
1回答
我使用J48对由数值和标称值组成的实例进行分类。我的问题是我不知道在我的计划中我会遇到什么名义价值。为此，我需要更新“动态”模型的名义属性数据。
例如，假设我只有两个属性，职业和年龄，运行如下: OccuptaionAttribute = {}。
输入:钢琴老师，22岁。
OccuptaionAttribute ={钢琴老师}
投入:学校教师，30岁
OccuptaionAttribute ={钢琴老师，学校教师}。
输入:钢琴老师，40
OccuptaionAttribute ={钢琴老师，学校教师}。
等。
现在，我已经尝试手动复制以前的属性，添加新属性，然后更新模型的数据。当训练
浏览 2提问于2012-12-01得票数 0
回答已采纳
1回答
我正在使用Vue的一个小应用程序，我有一个输入类型的搜索。问题是光标显示在输入的开头，但我希望它显示在占位符文本之后。我如何才能做到这一点？ 下面是我的代码： .search {
height: 36px;
width: 256px;
margin-right: 42px;
border: 1px solid #76b1c5;
box-sizing: border-box;
border-radius: 18px;
} <input
type="search"
name=""
id=""
class=&
浏览 13提问于2020-12-14得票数 0
2回答
$stmt_update = $db->prepare("UPDATE 2_1_journal SET RecordDay = ?, WHERE Number = ? ");
$stmt->execute(array($amount1, $date_day1));
这对mysql注射安全吗？
如果安全的话，据我理解，是因为"= ?“。那就问"= ?“工作/帮助
问题是因为这里写的是
如果使用bindParam或bindValue选项，预准备语句只会从statements中项目您。
例如，如果您有一个名为users的表，其中包含两个字段，用户名和电
浏览 2提问于2013-05-04得票数 0
回答已采纳
当我使用角引导数据报警器时，我有一个关于格式的问题。我希望它显示与我输入时相同的值。例如：
I输入"01/01/21"，得到的结果是01/01/21I输入"01/01/2021"，结果是01/01/2021
目前，当我输入"01/01/21“或" 01/01/2021”时，唯一的结果显示为01/01/2021。
这里是我的源代码：
function directive() {
return {
template: '<section class="app-input" ng-s
浏览 1提问于2021-04-20得票数 0
回答已采纳
我有一个非常简单的用户控件，如下所示：
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="wfWindow.ascx.cs" Inherits="webfanatix.co.za.wfWindow" %>
<div>Just a test...[x]</div>
使用下面的代码：
[ParseChildren(false)]
[PersistChildren(true)]
public partial class wfWin
浏览 0提问于2010-01-08得票数 3
回答已采纳
我正在尝试从样例模板文件中编写一个文件。我只需要用$UPPERINTERFACE替换interface。
这是示例template.txt
localparam $UPPERINTERFACE_WDTH = 1;
localparam $UPPERINTERFACE_DPTH = 8;
localparam $UPPERINTERFACE_WTCHD = 2;
这是代码：
from string import Template
intf = "interface"
rdfh = open("template.txt", "r").readline
浏览 0提问于2019-04-17得票数 1
回答已采纳
我在Editor | General |Smart keys中启用了Insert文档注释存根：
但是如何获得方法参数类型存根呢？添加docstring三元引号，然后输入，就会打开docstring --但是其中没有任何内容：
def get_self_join_clause(self, df, alias1='o', alias2 = 'n'):
"""
""" # pycharm added this automatically
浏览 12提问于2022-12-02得票数 1
回答已采纳
我正在尝试用Visual Studio代码编写一个代码片段，输出如下所示：
console.log('variable: ', variable);
这很简单，就像这样：
"Debug Labeled String": {
"scope": "javascript",
"prefix": "c,",
"description": "Debug Labeled String",
"body": [
"
浏览 16提问于2020-02-28得票数 0
回答已采纳
我已经构建了一个带有搜索栏组件的简单的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
回答已采纳
在下面的代码中，我想使用jQuery将单词"username"放入value字段。然后，当用户选择输入框时，单词" username“将消失，留下一个空的输入字段供用户输入其用户名。
这可以用jQuery来完成吗？
<p class="login-username">
<input type="text" name="log" id="user_login" class="input" value="" size="20" tabin
浏览 1提问于2012-11-20得票数 1
回答已采纳
我在运行两个不同版本的HTML5的两个站点上使用了WordPress。他们都表现出相同的行为，我想请你帮忙解决这个问题。
<label for="url">Website</label> <input type="url" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?>" placeholder="Enter Website Address (optional)"
浏览 0提问于2011-01-27得票数 2
回答已采纳
我需要在VSTO解决方案的自定义后台选项卡中输入密码。如何屏蔽密码？编辑框似乎不支持这一点，或者说它支持吗？
浏览 0提问于2012-04-13得票数 2
回答已采纳
1回答
我正在尝试将占位符文本包装到输入字段的下一行。我找到了如何做到这一点的例子，而且它在Chrome中工作，但在Firefox中不起作用。
这是我从以下代码中提取的堆栈溢出问题：
这适用于Chrome，但不适用于Firefox。我知道我的伪元素是有效的，因为当我做其他明显的事情(即颜色:红色)时，它确实改变了输入文本。我正在寻求帮助，特别是包装风格。
::-moz-placeholder {
white-space:pre-line;
position:relative;
top:-7px;
}
(这在FF中行不通)
::-webkit-input-placehold
浏览 0提问于2019-05-16得票数 1
回答已采纳
我有一个this文本输入
<input id="searchInput" type="text" value="Search Here" />
我想删除输入的值，即“'Search”是指有人输入了一些东西...如何在jQuery或javascript中做到这一点？
浏览 0提问于2013-01-19得票数 0
回答已采纳
3回答
如何在样式化的input标记占位符中扩展父样式，我希望在left样式输入中包含right direction。
例如，这是我的输入：
<input type="password" style='direction:ltr;text-align:left;' id="password" placeholder="password">
占位符文本对齐现在左。如何使用direction:rtl？
浏览 2提问于2014-03-01得票数 11
回答已采纳
3回答
我搜索一个脚本以在输入字段中消失该值。用户单击In入，该值将消失，如果用户没有将某些内容写入输入字段，则应该再次显示文本。
我用jQuery和focusin()、focusout()进行了尝试，但随后更改了所有输入字段中的值。
浏览 4提问于2015-06-17得票数 1
回答已采纳
我使用以下代码片段在网页中定义了密码字段：
<input type="password" ng-model="dataItem.password" class="form-control"
name="password"
placeholder="Enter Password"/>
当用户没有在字段中输入任何内容时，此密码字段将显示为空白。
即使用户没有输入任何密
浏览 10提问于2016-06-05得票数 1
3回答
我想知道这是否可能:它看起来像这样：
<tr>
<td>
Full Name:
</td>
<td>
<input type='text' class="inputbox" name='fullname' value='<?php echo $fullname; ?>'>
</td>
</tr>
但我想去掉输入框中的全名，而不是输入框本身: value="Full Name“。但是，如果person没
浏览 5提问于2011-09-22得票数 2
回答已采纳
8回答
更改占位符文本
、、
如何更改输入元素的占位符文本？
例如，我有3个文本类型的输入。
<input type="text" name="Email" placeholder="Some Text">
<input type="text" name="First Name" placeholder="Some Text">
<input type="text" name="Last Name"placeholder="Some Text">
浏览 8提问于2012-11-22得票数 98
回答已采纳
我有一个连续的Azure WebJob，它运行在QueueInput上，生成一个报告，并将一个文件输出到一个BlobOutput。此作业将针对不同的数据集运行，每个数据集都需要一个唯一的输出文件。(随着时间的推移，输入的数量将大大增加，因此我无法在每个输入中编写一个作业。)我希望能够在QueueInput上运行它，但是我找不到一种方法来根据QueueInput值或除blob输入名以外的任何值来设置输出。
举个例子，这基本上是我想要做的，尽管它是无效的代码，并且会失败。
public static void Job([QueueInput("inputqueue")] Input
浏览 1提问于2014-05-29得票数 0
回答已采纳
如何更改input 文本框的字体颜色而不影响Internet 11中的placeholder字体颜色？
如果我在输入()中更改字体的颜色：
<div class="buttonToolbar">
<input type="text" placeholder="e.g. Stackoverflow"><br>
</div>
CSS
.buttonToolbar input {
color: Blue;
}
:-ms-input-placeholder { /* Internet Ex
浏览 5提问于2014-07-02得票数 7
回答已采纳
我在antd中实现了一个Datepicker，但我想让输入栏显示占位符，但它却显示了初始状态值，这里是代码 <DatePicker
value={dateOfBirth}
placeholder="Date of Birth"
format={dateFormat}
onChange={(date) => setDateOfBirth(date)} /> 现在，我希望占位符是可见的，同时我希望datepicker组件是一个受控的componenent.But，我不能使占位符可见，除非我删除v
浏览 20提问于2021-03-23得票数 0
回答已采纳
2回答
我有一个新的耐人寻味的要求。当用户开始输入时，占位符不会消失，而应该保持可见，并移到输入框的右侧。
使用标准的HTML占位符可以做到这一点吗？我如何才能做到这一点？
谢谢
浏览 0提问于2013-10-22得票数 5
3回答
IE不工作的输入占位符
、、、、
我有点问题。我的注册页面是黑暗的，页面上的输入也是黑暗的(与阴影对比)。我没有标签的输入，因为我有占位符文本，是一个较浅的颜色，这是非常明显的。不幸的是，今天我发现在Internet 10和更早版本中，占位符并不存在，所以任何拥有该浏览器的人都必须猜测输入的用途。这里有什么我能做的吗？
非常感谢。
浏览 2提问于2014-01-15得票数 0
回答已采纳
3回答
我有以下jQuery代码：
if ($("#Choice").prop("checked"))
$("#Technology").attr("placeholder", "Search by Tag...").css({ "color": "#b2cde0" });
当前占位符将具有定义的颜色，但输入文本也将具有定义的颜色。当我需要更改占位符颜色，同时保持默认的输入文本颜色？
浏览 1提问于2014-05-12得票数 3
我在Power Point演示文稿中的一张幻灯片上创建了一个自定义占位符，即文本框类型的"CustomHeader“。如何遍历所有幻灯片，将演示文稿标题插入到此占位符中。
我有以下代码，它在页脚中以自定义格式输入页码。它还会将部分插入到幻灯片的页脚。我想在每个匹配的幻灯片的CustomHeader占位符中输入一些东西。
Sub SecFootNew()
Dim oshp As Shape
Dim b_found As Boolean
If ActivePresentation.SectionProperties.Count > 0 Then
Dim osld As Vari
浏览 0提问于2017-01-10得票数 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
回答已采纳
我想使文本从表格输入从占位符变成灰色和另一个输入，白色。我怎样才能解决这个问题？
<input type="text" id="address" name="address" placeholder="...">
浏览 1提问于2020-09-19得票数 0
回答已采纳
我正在寻找一种将某些文本标记为符合WCAG的方法，或者以其他方式将其排除在自动可访问性测试之外。
通常，WCAG需求指出，除非有足够好的理由，否则必须满足某些标准。在我的例子中，它是搜索输入字段中的占位符文本。字段下面有一个可访问的标签。占位符文本没有功能，只是为了装饰而添加，因为它目前是网页设计行业的标准。由于文本没有功能目的，所以不需要满足对比WCAG的要求。实际上，需要有一个对比度很低的占位符文本--如果它太暗，它看起来就好像输入字段中已经有了一些输入。
但是，每当我运行自动检查时(合理地)，就会选择占位符文本作为颜色对比问题。这就产生了一个业务问题--因为在自动测试中没有收到警告是客户
浏览 3提问于2019-10-10得票数 0
回答已采纳
1回答
我正在尝试将一个I数组插入到数据库表中，但目前它只插入了一行，而这意味着它应该插入多行。我的is数组只包含(filmid)，有人知道问题出在哪里吗？
$pm = "2";
$id = "2";
if($stmt1->execute())
{
$films=array();
foreach($_SESSION['products'] as $key=>$product)
{
array_push($films, $product['filmid']);
浏览 1提问于2018-05-07得票数 0
我在django项目中有一个页面，它有许多表单，如果表单描述符出现在以褪色的灰色文本表示的输入框中，并在用户开始将文本输入到框中时消失，将是更优雅的设计。我不知道该怎么做，但我猜是jquery/js？有没有其他我看不到的内置django的方法来做这个呢？如果没有，那么在js中做这件事的最好方法是什么？下面的图片就是我的意思。注意像facebook搜索这样的工具栏在输入框中有提示文本，而我的应用程序中的链接条目表单在框外。
提前谢谢。
浏览 0提问于2014-10-27得票数 0
回答已采纳
1回答
我正在尝试使用OAuth连接到JIRA。我遵循了教程，但当我想要创建一个新的应用程序链接时，它要求我输入我想要链接的应用程序的URL，这在我的例子中似乎很奇怪，因为我想将Google连接到JIRA！
非常感谢您的帮助，威尔士，由于您和一个新的应用程序链接，我已经成功地生成了一个公钥，现在我希望从JIRA获得一个请求令牌，但是在执行请求令牌命令时总是会收到一个错误消息。
浏览 5提问于2015-05-18得票数 0
我向tensorflow c填充(列车)图提供输入队列和tf.train.batch函数，用数据准备巨大的张量。我有另一个队列，每50步输入一次测试数据。
问题
给定输入(张量)的形式，我是否需要为测试数据计算定义单独的测试图，还是可以以某种方式重用列车抓取？
# Prepare data
batch = tf.train.batch([train_image, train_label], batch_size=200)
batchT = tf.train.batch([test_image, test_label], batch_size=200)
x = tf.reshape(batch
浏览 0提问于2016-07-16得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
