当文本与选定内容匹配时支持输入框
当文本与选定内容匹配时，支持输入框是一种用户界面设计的功能，它可以在用户输入文本时，根据已选定的内容进行匹配，并提供相应的输入建议或自动完成功能。这种功能可以提高用户的输入效率和准确性，减少用户的输入错误。
支持输入框通常用于以下场景：
- 搜索功能：当用户在搜索框中输入关键词时，支持输入框可以根据已选定的内容匹配搜索建议，提供相关的搜索关键词或搜索结果。
- 自动完成：在用户输入表单或编辑文本时，支持输入框可以根据已选定的内容匹配自动完成建议，帮助用户快速输入或选择正确的选项。
- 标签输入：当用户输入标签或标签组时，支持输入框可以根据已选定的内容匹配标签建议，提供常用或相关的标签选项，方便用户选择或添加标签。
腾讯云提供了一些相关的产品和服务，可以用于实现支持输入框的功能：
- 腾讯云智能语音：提供了语音识别、语音合成等功能，可以用于实现语音输入和语音自动完成功能。产品介绍链接：https://cloud.tencent.com/product/asr
- 腾讯云智能文本：提供了自然语言处理、文本分析等功能，可以用于实现文本匹配和文本自动完成功能。产品介绍链接：https://cloud.tencent.com/product/nlp
- 腾讯云智能搜索：提供了全文搜索、搜索建议等功能，可以用于实现搜索功能和搜索建议功能。产品介绍链接：https://cloud.tencent.com/product/css
以上是腾讯云提供的一些相关产品和服务，可以帮助实现支持输入框的功能。当然，还有其他云计算品牌商也提供类似的产品和服务，可以根据具体需求选择适合的解决方案。
相关·内容
1回答
用户评论如下所示：
<div id="comment23" class="commentholder">
<p>
This is a sample comment. It may contain different kinds of html.
like <strong>strong text</strong>
or anything that markdown supports.
</p>
</div>
当comment23目
浏览 0提问于2012-02-19得票数 0
回答已采纳
我正在做一个扩展，将选定的文本从当前活动的网页存储到本地存储，然后当用户在我的扩展窗口中单击该选定文本时，该扩展将触发chrome.tabs.create并打开所选文本所在的网站。这些函数可以工作，但是当新选项卡打开时，我不知道如何触发'find‘函数。我希望新创建的选项卡高度选择我的扩展存储的文本。我认为有两种方法可以做到这一点。
以某种方式触发浏览器默认具有的“查找”函数。带有“Ctrl+F”或“Command+F”的文本触发并插入所选文本。
通过高亮显示选定的文本来编辑新创建页面的HTML。
new_source = { "url" : tab[0
浏览 4提问于2012-12-04得票数 7
1回答
将用于AngularJS/ Rails环境中的富文本输入框。
使用Capybara/Selenium & Capybara-Webkit运行集成测试。尝试创建一个将文本输入到测试文本区域的集成测试。然而，我未能成功地做到这一点。
阻止我的是文本输入框id在测试加载或页面加载时都会更改。所以我使用了下面的类，它用于文本角度测试。通过以下方式：
find('textarea.ta-html.ta-editor')
我使用它，因为我知道它是有效的，为文本角编写的javascript测试使用了这个方法。
但是，当我尝试用文本值设置文本区域时：
find('textare
浏览 4提问于2016-04-12得票数 1
回答已采纳
1回答
我用这个来定位。
<input id="searchTextField" type="text" size="50" ng-model=show.location>
<button class="button button-full button-assertive" ng-click="sendReshedule(show)">Reshedule</button>
$scope.sendReshedule = function(data){
console.log(data);
浏览 2提问于2016-01-14得票数 0
回答已采纳
我试图使用两个TextOut调用和TA_UPDATECP标志绘制一个选定的文本，但当我移动选定的区域时，字符移动了一点。
有人知道这样做的正确方法吗？
浏览 4提问于2009-05-03得票数 0
如何在输入框的正下方显示选定的值。
使用案例：
我们使用react-select的多重选择，当我们从选择框中选择一个值时，它在输入框中是被选中的。我们是否可以有一个方法或其他东西来获得输入框之外的选定值(就在输入框的下方)
提前感谢！
浏览 0提问于2016-07-07得票数 3
我正在使用jquery验证插件来验证注册表单。
每个文本输入字段都有预先填充为输入框中的值的说明
例如:对于文本输入框id=' Name‘，默认值将设置为'Enter Your Name’。我粘贴了以下示例代码：
<input type="text" id="Name" value="Enter Your Name" onfocus="if(this.value == 'Your Name'){this.value = '';}" type="text" cla
浏览 1提问于2010-04-29得票数 17
回答已采纳
在我的Eclipse安装中，内容辅助菜单中选定的条目几乎是不可读的，因为白色是白色的灰色。见下图。
我可以从eclipse首选项中更改列表中非选定条目的背景和文本颜色，但是所选的条目总是相同的颜色，并且总是不可读。我使用 ，但据我所知，这只会影响编辑器。
如何使上下文辅助菜单中选定条目的文本可读性？
更新
在阅读了之后，它确实似乎从当前的gnome主题中摘取了它的颜色。但是它以一种奇怪的方式来做这件事。
内容辅助窗口的背景颜色是输入框背景颜色，文本颜色是输入框文本颜色。这一切似乎都合乎逻辑。
然而，所选条目的背景颜色是windows背景颜色，但所选条目的文本是而不是背景文本颜色。
有
浏览 24提问于2011-06-21得票数 30
回答已采纳
2回答
点击一个按钮，我得到一个文件输入框作为数组。
<input type='button' class='tiny button radius' value='+' id='addButton' data-id='".$v->quid."' data-role='image'>
$("#addButton").click(function () {
var newTextBoxDiv = $(document.createEl
浏览 4提问于2014-08-04得票数 0
回答已采纳
1回答
我正在我的网站上编辑一些css代码，现在我的标签只有在焦点下才会移动。如果输入字段中有任何文本，我希望它也保持它的位置。
现在我的想法是这样的：
.form-field-input:focus + .form-field-title{
top: 0.5rem;
font-size: 0.8125rem;
transition-delay: 0ms;
}
这只是一个HTML格式的标准表单。我的标签当前被放在输入框中，当它处于焦点时，它会向上移动和缩小大小。但如果它接收到文本，我希望它留在那里。
浏览 0提问于2021-03-12得票数 0
我有一个简单的jQuery脚本设置，用于在单击div时向div添加一个输入框。唯一的问题是，当我在输入框中单击以添加文本时，它会认为我再次单击div并尝试再次添加输入框，而不是让我添加文本。
$(".match").click(function() {
var match_id = $(this).find(".match_id").text();
$(this).find("#bet").html("<div><input type='text'></div>"
浏览 5提问于2013-05-05得票数 0
回答已采纳
我正在学习JavaScript，并想重新实现一个类似于typeracer.com的打字游戏，其目标是尽可能快地无错误地打字。
在该页面上，您可以在输入框中键入文本，然后JavaScript会根据目标输入计算您的输入。当我在输入框中输入文本时，插入符号不仅显示在输入框本身中，而且还显示在目标文本中，如下所示：
请参阅：https://play.typeracer.com/
所需的行为:我想在JavaScript中创建一个<span>元素，然后显示一个闪烁的插入符号，即使它不是输入元素。
这是怎么做到的呢？你是怎么发现的？
浏览 1提问于2020-11-24得票数 0
1回答
显示一个特定的图形
、、、
我目前有一段JavaScript，它从PHPDynamic下拉菜单中获取值和选定的文本，并将其传递到输入框进行编辑。
问题：
如何通过JavaScript传递一个PHP项，以显示选定值的特定图像？
如何将选定的文本回显到选择的输入框中？
$('#captionSelect').change(function(){
$('#captionInput').val($("#captionSelect option:selected").html()).show();
});
&
浏览 0提问于2011-07-06得票数 0
1回答
我有一个情况，在IE中我有一个文本输入框(输入类型=‘text’)，但是当IE有很多文本时，IE的水平滚动条就会显示出来，并且这个框不是固定大小的。我想要的是: 1.输入框应该容纳整个文本(而不是固定的-size)。
将不显示IE的水平滚动条。
浏览 2提问于2010-04-02得票数 1
我正在尝试创建一个宏，它将从选定的文本(小于一页长)中筛选出相关信息。然后，这些信息将用于填写MS-Word模板。
我一直通过一个.txt文件打开选定的文本，但是我觉得如果可以将所选文本复制并粘贴到某种形式的输入框中，它将改进工作流程。
我尝试了以下几点：
Dim text As String
text = InputBox("Enter selected text here:")
然而，这只接受一个字符串(一行文本)。
谢谢你，唐菲纳多
浏览 4提问于2017-04-11得票数 0
回答已采纳
4回答
我有输入框。当页面加载时，我用鼠标右键点击输入框，然后从上下文菜单中选择粘贴。
粘贴文本时，使用哪个事件在粘贴发生时立即向文本发出警报？
我使用"input paste“，但不能在IE中工作
浏览 0提问于2009-10-21得票数 12
2回答
在输入框中获取选定的文本
、、、、
是否可以使用jQuery或普通JavaScript在网站的输入框中获取选定的文本？
我尝试过使用var selectedText = window.getSelection().toString();，但这段代码只获取段落中的文本，而不是输入框中的文本。
编辑:也许我不清楚，我想从一个我没有创建的网站上得到文本。我正在构建一个Chrome扩展，我需要从一个网站的输入框中获取文本。
浏览 0提问于2015-09-27得票数 6
回答已采纳
我正在制作一个html javascript海龟网站，如何才能使文本输入框中的文本成为一个变量，并从JAVASCRIPT中访问呢？我想要它，所以当我更改文本框中的文本时，当我单击OK时，它发送新文本，而不是旧文本。
<input type="text" value="Put a number here"/>
浏览 5提问于2013-10-27得票数 0
回答已采纳
我试图在输入框中插入文本，输入框位于contenteditable div中。当我单击“输入”框时，光标不会出现。双击输入框后，我可以插入文本。这个问题发生在IE中。
<div contenteditable="true">
<input type="text">
</div>
谢谢。
浏览 3提问于2015-04-25得票数 3
回答已采纳
1回答
因此，我希望根据外部单元格的值实现以下条件：
如果外部单元格中的文本与选定单元格中的文本重合，所选单元格将变为绿色。使用格式规则完成:等于=外部单元格
如果外部单元格中的文本与选定单元格中的文本不重合，所选单元格将变为红色。使用格式规则完成:不等于=外部单元格
如果外部单元格中没有文本，所选单元格将变为白色。待决
请在链接中看到屏幕截图，以便更好地理解，在这里您可以看到我的条件格式规则。
编辑：让我们用一个例子来解释它。我想做的是：
(A1 总是有文本的)
当A1 B1 中没有文本时，它会变成白色。
当A1 中包含文本，而两个单元格中的文本与匹配时，
浏览 0提问于2019-03-20得票数 1
回答已采纳
我有3个输入框，我想使整个屏幕变暗，除了正在点击的特定输入框。
我试过了：
但当我单击文本框时，包括文本框在内的所有内容都会变暗。
在文本框中，单击this is what I needed。
all div: opacity: .5
contactForm div: opacity .75
current labelTextHolder div: opacity: 1
另外，我应该在CSS中做哪些更改，以使文本和输入显示在一行中。
浏览 0提问于2010-09-02得票数 4
回答已采纳
2回答
输入文本框宽度和字体宽度
、、、、
我想创建一个统一的类来设置文本和文本输入框的宽度，这样任何平台都可以内联打印预定义和用户输入的数字。到目前为止，似乎没有办法让输入文本框和字体宽度在所有平台上都相等？
浏览 1提问于2014-06-24得票数 0
我有这个选择列表，它用一个按钮加载了许多文本输入框。选定的值确定出现的文本输入框和按钮的数目。
<p class="clrHexList" id="hexVals">Colors: Hex (#) values
<select name="howManyClrs" id="numOfClrs">
<option value="0">0</option>
<option value="1">1</
浏览 2提问于2014-02-02得票数 1
回答已采纳
当按下选项卡、和enter键时，以下代码的行为有所不同：
--选项卡用选定项的值替换文本字段的值，焦点转到下一个输入框
--enter将文本字段的值替换为所选项的值，但焦点不会转到下一个输入框
如何更改的行为，输入，以便焦点转到下一个输入框？
$('input').autocomplete({
autoFocus: true,
source: ["test","some text"],
delay: 0
});
我试图添加以下一行：
select: function(event, ui) { if (event.keyCo
浏览 3提问于2011-07-31得票数 4
回答已采纳
1回答
引导-响应搜索按钮
、、、、
我正在做一个基于Bootstrap 4的Wordpress主题(这是一个主题类似于我们的主要网站的博客)。
我试图在类别导航栏中添加一个搜索字段。我想要的是将搜索输入框和搜索按钮显示在屏幕宽度为783 box或更高的设备上，并在屏幕宽度为782 box或更低的设备上隐藏搜索输入框(同时保留搜索按钮)。当用户单击“搜索”按钮时，将显示输入字段。
我设法在两个视口大小上设置了搜索字段的样式，但是，我不确定如何在不提交搜索查询的情况下覆盖搜索按钮来显示输入框。当用户在大于783 to的设备上查看站点时，我希望按钮仍然提交一个查询。
图像
我的主要奋斗之处是如何让搜索按钮在视口大于783‘s时提
浏览 2提问于2016-03-15得票数 0
回答已采纳
3回答
我正在开发一个Google Chrome扩展。当一个弹出窗口被点击时，我希望popup.html文件中的输入框包含当前网页的选定文本。
示例文本框：
<input id="searchBox" type="text" />
在网页中选择文本时，文本框应包含所选单词。我尝试使用chrome.extension.getBackgroundPage().getSelection()，但它不起作用。
浏览 0提问于2010-06-19得票数 3
回答已采纳
我有这样的代码：
我可以通过这个js突出显示静态文本的字符：
$("li:contains('Content1')").each(function(){
var content = "Content1";
this.innerHTML = this.innerHTML.replace(content,"<span>"+content+"</span>")
})
动态值的Content1：$("#main").val()
问题：如何突出显示与:contains一
浏览 0提问于2011-08-12得票数 4
回答已采纳
我尝试将{空白}文本替换为输入框，但它只替换了一个{空白}文本输入框，我希望将所有{空白}文本替换为输入框。下面是引用的代码
$(".editer-save .btn-primary").click(function(){
$("#editor").each(function(){
$this = $(this);
$this.html($this.html().replace('{blank}','<input type="text">'
浏览 2提问于2016-04-12得票数 1
我有这个AngularJS代码
var app = angular.module('testApp', []);
app.controller('testController', function ($scope) {
$scope.MyTypes = [
{ name: 'Option1', value: 100 },
{ name: 'Option2', value: 101 },
{ name: 'Other', value: 102 }
];
浏览 2提问于2014-11-12得票数 0
回答已采纳
我使用，即在页面loads...and时使用两个输入框，这是一个需要，在本例中，当我在第一个输入框中选择第一个输入框时，该数字从第二个输入框中删除，box....this works fine...but问题是，当我添加动态输入框时，无法从添加的动态输入框中删除项目1。
因此，问题是:当选择其他动态添加的输入框时，如何从输入框中移除选定的值，并且在所有已存在并动态添加的选定框中看不到所选的项？
这是小提琴手：
[http://jsfiddle.net/dq97z/640/][1]
下面是我需要的图片：
浏览 1提问于2017-01-30得票数 0
回答已采纳
我有一个div，它由事件处理程序列表：
$('.thediv').click(function() {
$(this).remove()
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style="width:500px;height:500px">
<input type="input" style="width:10
浏览 5提问于2020-02-03得票数 0
回答已采纳
我试图根据选定文本输入框的值更新表单“提交”按钮中的文本。
if (document.getElementById('pay_other').checked) {
rate_value = document.getElementById('other_amount').value;
}
$('input[id="paymentAmount"]').val(rate_value);
使用上面的方法，我可以得到我需要的值。示例: 100
现在我需要将submit按钮的文本更改为，支付£100，。
我尝试过各种方法来插入变量ra
浏览 3提问于2016-04-29得票数 2
我想要创建一个表，其中包含显示现有数据的多个列，以及一个包含文本框的列，在其中我可以输入数据。
当我在forms.py中使用我的“动物”模型时，我会看到输入框。然而，当我在我的tables.py中使用相同的模型时，我看到的是'--‘(破折号)而不是输入框。
我的models.py：
class Animal(models.Model):
specie = models.CharField(max_length=20)
count = models.CharField(max_length=20)
我的forms.py：
class AnimalForm(forms.Mo
浏览 5提问于2013-11-18得票数 2
回答已采纳
2回答
无法正确显示和获取数据
、、、、
完整的代码是可用的
我有一个表格，它有一个下拉列表和一个输入字段。下拉列表允许用户选择多个值，并且这些选定的值显示在输入字段中。此输入字段不仅显示选定的值，还允许用户键入自己的消息。
现在有两期
首先，当我在后端获取值时，我无法区分输入框中显示的所选值和用户在同一输入框中键入的消息。
第二个问题是，如果我从下拉列表中选择随机值，那么在显示这些值的输入框中有两个值之间的多个逗号。
景色就像这样
HTML代码
<form id="send_parent">
<select id='rec' name="rec
浏览 0提问于2018-05-21得票数 0
1回答
iOS上的键盘扩展是UIInputViewController类的子类，具有与底层文档交互的textDocumentProxy属性。textDocumentProxy对象公开文档的一些重要特征，如自动大写类型。问题是，键盘扩展如何知道基础文档何时更改？
例如，当我点击消息应用程序中的新消息时，“to”字段使用与消息正文输入框不同的输入特征。但是，由于键盘在将焦点从一个字段切换到另一个字段时不会断开，因此文本文档代理对象会动态更改。键盘扩展能注意到这样的变化吗？
我试过通过KVO查看textDocumentProxy和[[self textDocumentProxy] autocapitaliz
浏览 1提问于2014-11-12得票数 4
回答已采纳
我想问，为什么有时当我在一个选定的文本框上使用下面的代码时，我会得到多个小数位的msgbox返回值(例如：3-6位小数)，有时它会返回一个带有相同文本框的整数
Sub getShapeNow()
With ActiveWindow.Selection.ShapeRange(1)
MsgBox .Name
MsgBox .Width
MsgBox .Height
MsgBox .Top
MsgBox .Left
End With
End Sub
浏览 0提问于2018-04-30得票数 1
我在Jquery 1.4.2中使用jQuery UI Autocomplete 1.8.1，我遇到了这个问题。
首先，我不能强制自动完成输入字段的值，这不是一个大问题。
但我有一个问题：
当用户使用鼠标select一个选择时，我不会做类似的事情。使用键盘时，一切正常，在输入文本框中选择后，值会出现，但使用鼠标时，它会坚持使用旧的(键入的)值，而不是选定的值。
如何控制这个(select后的文本框值)？为什么会有不同的行为？
附言:在select函数中更改输入框的值是无用的，因为它不能这样做！
浏览 2提问于2010-06-17得票数 5
回答已采纳
我有一个场景，当我点击一个div内部的输入框时，div的功能就会被实现。
假设div被选中并呈红色，当我单击所选div内的输入框时，div将变为未选定(灰色)。
为此，我在输入框上使用了$event.stopPropogation，输入框不能工作。
html
<body>
<div class="container" ng-controller="BaseController">
<div class="row" ng-click="selectedDiv=!selectedDiv"
浏览 3提问于2017-04-22得票数 1
回答已采纳
提前感谢！
我想使用jQuery在输入框/文本区域上执行事件。
场景：
注意:输入框/文本区域在页面上不可见。页面上只有一个输入框/文本区域。
当按下任何字母/数字键时，输入框在页面上变为可见。和相应的keyValue (例如，如果"a“键被按下，keyValue="a")被输入到输入框/文本区域
浏览 1提问于2014-09-12得票数 0
3回答
如何在不需要复制/ctrl/粘贴的情况下搜索当前文件中选定的文本？
用于澄清：Ultra编辑有此行为。当按下F3并且没有选定的文本时，它执行最后一次搜索，如果有选定的文本，则搜索当前文件中的选定文本。
浏览 0提问于2018-09-19得票数 3
回答已采纳
<!DOCTYPE html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
当我添加xmlns时，文本框变短了。它搞乱了我所有输入框的风格。为什么？
注意:我看到在我的开发人员控制台中，这是添加到文本框中的：
input:not([type="image"]), textarea {
box-sizing: border-box;
}
这是什么，我如何摆脱它？
浏览 4提问于2011-08-26得票数 0
回答已采纳
我想知道如何在输入框中高亮显示一些文本；简单的例子是，假设我想在输入时突出显示以"@“开头的所有术语。
所有术语都从远程自动完成建议列表中检索。
我面临的问题是这个输入框，因为我不能在文本周围添加html标记，因此不能在这些特定的术语上生成css .
谢谢你的帮助！
干杯!
浏览 2提问于2012-08-26得票数 6
回答已采纳
3回答
我是个新手，学习FreeCodeCamp的反应。关于这一挑战，它说：
当您键入输入框时，该文本将由handleChange()方法处理，在本地状态中设置为input属性，并呈现为页面上输入框中的值。组件状态是输入数据的唯一真实来源。
我写了这个解决方案：
class ControlledInput extends React.Component {
constructor(props) {
super(props);
this.state = {
input: ''
};
// Change code below this line
this.h
浏览 1提问于2020-12-13得票数 2
回答已采纳
3回答
选择中的静态文本
、、、
我希望我的选择总是显示相同的文本，但“保留”选定的选项值。
例如，我的select总是显示文本"Language"，但是当我在JS中得到它的值时，它将返回所选选项的值。我怎样才能做到这一点？如果不可能使用纯HTML + CSS，香草JS就可以了。
编辑:我想要这个，因为当我选择一个值时，我有一个输入框列表，这些输入框会被这个输入框填充。然后，它们是可变的；此选择仅用于设置这些输入的“基础”。我希望这个select始终显示相同的文本，因为我不想在这样的情况下结束: select显示不同的文本，而实际上是在将要使用的输入中显示文本。
答案：
<sele
浏览 5提问于2020-10-28得票数 1
回答已采纳
我有一个ZF2格式的表单，例如，其中包含一个文本框和一个文件输入框。例如，当表单因为需要文本框而无效，而用户将其留空时，如何在表单上保存以前上传的文件，以便在表单无效时不会一次又一次地上载该文件？
致以敬意，
Eli
浏览 0提问于2013-02-06得票数 1
回答已采纳
我已经创建了一个可重用的搜索组件，我在这方面面临两个问题。
重叠svg图标上的搜索文本-在输入框中输入更多文本
输入更多文本时，当输入更多文本时，文本缩进而不是留置文本向左。
我添加了
浏览 1提问于2020-04-22得票数 1
回答已采纳
我的输入框使用占位符文本和jquery来确保在我添加文本(即不是占位符文本)之前不会触发。我想用文本区域替换输入框，但无法使jquery工作。使用下面的文本区，无论我是否在文本区输入，submit按钮都会触发。
<div class="RepForm-loggedin" >
<form name="RepForm" method="POST" action="<?php echo $this->newReply;?>">
<table name="RepFormT
浏览 0提问于2017-02-04得票数 0
3回答
我试图在用户选择的文本旁边放置一个按钮，如下所示：
但是我只想把它放在floatbtnable**.类的div内部的文本上。例如：**
<div class='foo'><!--The floating button doesn't show up if user selects text that is in here --></div>
<div class='floatbtnable'><!--If the user selects text that is in here, the
浏览 5提问于2014-12-19得票数 1
回答已采纳
在Sublime Text中，我可以使用Ctrl+D或Command+D (Mac )在下一次出现当前选定文本时快速添加新光标。我如何在VSCode中做到这一点？
浏览 4提问于2015-05-28得票数 2
我只是试图只格式化选定的文本在我的Vue项目。我已经安装了更漂亮的文件，并且可以很好地格式化整个文档。
我只需要格式化选定的文本，这在我的家庭电脑，而不是我的工作笔记本电脑。我甚至可以右键单击选定的文本，并看到选项Format Selection。如果我单击它，它会格式化整个文档。
怎么一回事？请帮帮忙。
浏览 9提问于2022-09-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
