添加标签:在输入元素之后
添加标签是指在HTML中的输入元素之后插入一个标签，用于对输入元素进行描述或分类。标签通常是一个带有特定属性和样式的文本或图标。
添加标签的目的是为了提供更好的用户体验和数据管理。通过给输入元素添加标签，用户可以更清晰地理解输入元素的用途或内容。同时，标签也可以用于对输入元素进行分类，方便后续的数据处理和管理。
在前端开发中，可以使用HTML的标签元素来实现添加标签的功能。常见的标签元素包括<span>、<div>、<p>等，可以根据具体需求选择合适的标签元素进行使用。
在后端开发中，可以通过在数据库中添加一个字段来存储标签信息。标签可以作为一个独立的属性，或者与其他属性关联，用于对数据进行分类和筛选。
在云计算中，添加标签可以帮助用户更好地管理云资源。通过给云资源（如虚拟机、存储桶、数据库等）添加标签，用户可以方便地对资源进行分类、搜索和监控。标签还可以用于实现资源的自动化管理和策略控制。
腾讯云提供了丰富的云产品和服务，可以帮助用户实现添加标签的功能。例如，可以使用腾讯云的云服务器（CVM）来创建虚拟机实例，并通过标签对实例进行分类和管理。具体的产品介绍和使用方法可以参考腾讯云的官方文档：腾讯云云服务器（CVM）。
总结：添加标签是一种在输入元素之后插入描述或分类信息的方法，可以提供更好的用户体验和数据管理。腾讯云提供了相关产品和服务，可以帮助用户实现添加标签的功能。
相关·内容
4回答
我正在我的网站上工作，所以它的外观和工作几乎一样，即使JavaScript是禁用的，所以我有一个输入和TEXTAREA标签当JavaScript启用时，我可以将我的鼠标集中在输入上，TEXTAREA样式从display: none变成display: block，有没有一种方法来检查CSS是否用户正在关注输入标签，然后应用一些样式到TEXTAREA标签？，谢谢大家，祝你有一个美好的一天。
浏览 5提问于2013-06-21得票数 0
回答已采纳
说：
<label>可以通过将控件元素放置在元素中或使用for属性与控件相关联。
我正在检查一个的演示。我想让它成为一个标签，里面有一个基于的输入元素。
当我进行更改时，复选框不起作用。为什么在这一变化之后它不起作用，以及如何解决这个问题？
Working：
不工作：
注意:我不能在标签中使用"For“属性，因为输入元素将动态地添加到我的实际HTML页面中。
<div class="myDiv" style="padding:20px 0 20px 20px;">
<input type="checkbox
浏览 1提问于2017-06-01得票数 0
回答已采纳
如何在文本框的旁边或下方显示错误消息。在当前场景中，将验证textbox中的isnumeric()。
信息应该是“请输入正确的值”。
HTML
NOK: <input data-require-numeric="" type="text" id="finalComments2" name="finalComments2" /> //here error message to be displayed<br>
NOK: <input data-require-numeric=""
浏览 2提问于2015-05-28得票数 1
回答已采纳
1回答
你好，首先，对不起，如果我的解释不太好，但这是困难的，甚至对我。我试着做的是把输入的值打印到标签上。
这是我有的东西
我用一个输入显示图像的预览，我想得到用户在输入中输入的文本。
<div class="col-lg-12">
<label for="files" class="hidden-print">Select multiple files:</label>
<input id="files" class="hidden-print"
浏览 2提问于2016-06-15得票数 0
回答已采纳
使用ajax复选框列表可以很好地生成，但是复选框和标签有时会中断到新的一行，只是想做一个简单的换行？：
<input type="checkbox" name="Pet.Color" value="44" id="cbxColor_44" title="Black"> <label>Black</label><input type="checkbox" name="Pet.Color" value="37" id=
浏览 0提问于2011-04-24得票数 2
回答已采纳
2回答
这是我的自动完成插件(你可以输入C，B，.)
我想做自动完成就在ul标签(输入字段)。我该怎么做呢？
浏览 2提问于2016-04-24得票数 0
回答已采纳
3回答
我试图建立一个响应式的表单，然后我将在我的一些网站中使用，但被一些细节卡住了。我想用javascript启用输入验证，所以当用户在输入文本框中插入无效输入时，我希望在输入框旁边弹出一条错误消息，在输入的右侧有一个IMG标签，在输入的下方有一个DIV标签。为此，我将这些元素附加(jQuery)到输入的父元素，这是一个标签。
下面是基本输入：
<label for="errore"><span class="title">Errato</span><input type="text" name="er
浏览 1提问于2012-04-18得票数 1
回答已采纳
如果输入被禁用，并且无法将其用于文本输入，我希望表单元素的标签灰化。我尝试了以下几点：
input:disabled {
background:#dddddd;
}
input:disabled+label{color:#ccc;}
<input type='checkbox' disabled id='check1'>
<label for='check1'>Check</label>
<br>
<label for='text1'>Text</lab
浏览 4提问于2013-10-14得票数 49
回答已采纳
1回答
经过几次试验，我成功地创建了格式的文本区域，看起来很不错(至少我认为是这样)。
<div class="col-lg-6">
<form class="cf">
<div class="">
<header class="">Name</header>
<input class="shadowDepth1" type="text" id="input-name" placehol
浏览 1提问于2015-08-13得票数 0
这就是页面的样子。
<div id="DivID">
<input type="hidden" id="Hidden1" value="Value1" />
<input type="hidden" id="Hidden2" value="Value2" />
<bunch of other tags>
</div>
当我做$("#DivID").find("input#Hi
浏览 4提问于2010-09-22得票数 0
回答已采纳
1回答
如何检查输入标签后是否存在标签标签？
我有这个密码
$j(document).ready(function () {
$j('input[type="checkbox"],input[type="radio"]').each(function () {
});
});
我想在input[type:checkbox]和input[tyoe:radio]之后立即检查是否有标签标签。
如果是，则什么也不做，如果否，则添加空标签标记<label></label>。
有人知道怎么做吗？
浏览 6提问于2015-05-28得票数 3
回答已采纳
我有一个表单，每个输入文本都包含在一个标签中。如何使(.error)生成的标签出现在输入文本标签之外？我会在文本字段下面得到错误消息。
<form class="cmxform" id="commentForm" method="get" action="">
<fieldset>
<legend>Please complete form</legend>
<p>
<label for="cname">Name
浏览 3提问于2016-02-11得票数 0
回答已采纳
我想在输入字段前后添加一个标签。我需要这个结果。
`<label class="containertitle">
<input id="button" type="checkbox" name="AllSalesArea" >
<span class="checkmarktitle"></span>
</label>`
但我收到了这样的输出。
<label class="containertitle"></label&g
浏览 3提问于2019-07-02得票数 0
回答已采纳
我使用Ryan Fait的自定义表单元素插件来设置复选框和单选按钮的样式。
<input type="checkbox" name="check" value="" class="styled" id="check" />
<label for="check">Check me!</label>
插件找到带有.styled类的输入，隐藏它并添加一个<span>元素。在我将另一个CSS类添加到输入之前，它工作得很好：
<input type=
浏览 0提问于2012-11-23得票数 1
回答已采纳
我目前正在从事一个项目，在该项目中，我需要以以下格式将ArrayList中的元素打印到PDF文件中：
上面的布局表示一个DIN A4页面，其中包含10个标签，每个标签有两个元素。
我想查看包含所有元素的数组列表，并将它们打印到标签中。如何在20个标签被打印到一个页面后，强制PDFBox创建一个新页面？
另一个问题(更可能在这里寻找想法，)是如何使“跳转”文本定位工作良好和动态(对于这一个包含20个元素的示例布局来说不是硬编码)。我不想用固定的PDFBox和Y告诉moveTextPositionByAmount(X,Y)。我宁愿让用户输入标签的数量和标签的大小，让我的程序做剩下的。
浏览 1提问于2015-08-10得票数 0
1回答
在jQuery中选择以下类的正确方式是什么？我需要选择一个输入类和标签:after，但它似乎不起作用。这些是需要选择的选择器。
input.cmn-toggle-round-flat + label:after {
content: "C";
line-height: 36px;
text-align: center;
top: 2px;
left: 2px;
bottom: 2px;
width: 36px;
color: #fff;
border-radius: 36px;
transition: margin 0.2s, backg
浏览 4提问于2016-02-04得票数 0
我有一个表，每个td元素都包含一个input标记。我写了下面的代码
var elements = $('#booklist .ISBN_number');
生成包含在这些输入标签中的所有isbn编号的数组。
我正在尝试编写一个jquery命令，将图像附加到这些input标记的内容中。我曾经写过
$(elements[index]).val().append("<img src = 'pics/green_checkmark.png'>");
这不管用。我检查过了，$(elementindex).val()确实有一个数值型ISBN值。为
浏览 3提问于2011-11-03得票数 1
回答已采纳
我有一个验证输入的要求--如果输入是空的，那么在输入下面显示一个文本，右边显示一个星号。因此，标签应该在不同的容器和有不同的文本。下面的代码可以工作，直到您输入一些东西并擦除，它将向您展示两个完全相同的标签。是否有任何方法来创建单独的标签？
标记.
<div class='wrapper'>
<input type='text' class='image-name' />
</div>
<input type='submit' />
JS
var validator = $
浏览 5提问于2014-02-18得票数 0
回答已采纳
所以我有一个标签系统，点击一下，标签按钮就变成了一个表单，只有一个输入和提交按钮。问题显然在于表单是在事实之后创建的。
HTML：
<button class="btn btn-success addTag">
<a href="">+</a>
<span class="label addTagBody">Add a skill</span>
</button>
jQuery：
$('.addTag').click(function() {
浏览 6提问于2014-10-02得票数 2
回答已采纳
1回答
现在，我使用标记和自动完成标记。一切都设置好了，但我想要的效果是，一旦他们输入了一个标签，文本框下面就会出现他们输入的任何标签，就像在这个网站上提问时一样。
谁能向我展示或指出正确的方向来做它，这个网站是如何做到的？
谢谢!
浏览 0提问于2011-06-22得票数 0
回答已采纳
我使用插件TextExt进行自动完成和标记
$('#keywords').textext({
plugins : 'autocomplete tags',
itemManager: CustomItemManager,
tagsItems: [{value:'a', id:1}]
})
页面加载标签不呈现后，只有当我将鼠标移动到输入字段时，它们才会呈现。我如何强制插件渲染它们？
浏览 0提问于2015-11-24得票数 1
回答已采纳
1回答
如果你看这里：，你会看到我在页面底部有一个应用程序表单，我添加了一些jQuery验证，让用户正确填写它。然而，我想要做的不是在输入框旁边显示所有这些标签(这破坏了布局)，只是保持简单，只更改输入字段的颜色。
编辑：
$("#applicationform").validate({
rules: {
firstname: "required",
lastname: "required",
email: {
required: true,
emai
浏览 2提问于2011-03-04得票数 0
回答已采纳
在阅读教程时，我读到了这段代码：
if (response.messages instanceof Object) {
$.each(response.messages, function(index, value) {
var id = $("#" + index);
id
.closest('.form-group')
.after(value);
});
});
因此，它在表单中的每个输入元素后添加一条消息。但是我不明白如果没有指定一个元素是什么类型的元素，怎么才能添加这个元素，没有任何地方可以添加这个元素的
浏览 1提问于2017-08-28得票数 1
1回答
我一直在寻找符合以下条件的首页URL问题的解决方案。
允许我保持规范和描述标签从元标签快速视图子页面。
允许web客户端用户通过元标记模块更改首页上的元描述。
我使用Meta标记和Meta标记快速模块在标准节点上进行视图标记和自动化。不幸的是，我未能将/welcome页面的规范URL设置为强制的"http://www.website.com/““，我继续获取头版的"http://www.website.com/welcome”。
我试过移除路径别名。我尝试过用“快速”模块设置路径特定的元标记。我已经将细节输入到全球首页下的标准元标签模块中。
也许我错过了什么密码。有什么想法吗？
浏览 0提问于2012-04-24得票数 0
回答已采纳
我很难理解什么时候可以访问组件的shadowRoot。下面是一组嵌套组件的映像：
因此，有几个组件：
MortgageDetails:将三组其他组件绑定在一起的组件
MoneyInput -带有数量标签的输入组件
NumWithUnitsInput -带有术语标签的输入组件
RateInput -带有速率标签的输入组件
PaymentSchedule:具有相应标签的组件
DateInput:带有开始日期标签的组件
我已经使用日志消息打印shadowRoot ( sr => .)对创建的和附加的方法进行了检测。我得到了以下信息：
mortgageD
浏览 2提问于2014-06-28得票数 3
回答已采纳
这个问题有两部分。第一种优先。注意:我是HTML和JS的新手，所以请详细解释一下。
1.)我有一个表单标签，里面有一个输入标签和一个按钮，如下所示。这个想法--无论在风格上是否倾向于--是让用户输入文本，但在单击按钮时将其绑定。这项工作：
<script>
var text;
</script>
<div>
<form>
<p>
<label>Text goes below</label>
<input id="in" type="text
浏览 9提问于2016-11-02得票数 0
回答已采纳
1回答
我正在尝试选择下一个最接近已更改的输入标签的div。当我运行此命令时，什么也没有发生。我已经尝试了最近的标签和下一个标签。
$("input[id='declined']").change(function(){
$(this).next('div.textarea_container').fadeIn();
});
Html：
<div id="gcheckbox">
<input type="radio" id="name10" class=
浏览 1提问于2013-04-30得票数 0
回答已采纳
4回答
我有一个关于下面输入框的问题。我使用jQuery来捕获输入字段。你需要有一个包围的div吗?或者你可以使用html form标签中的name属性吗？
<input type="text" name="name" size="30">
和
var MIN_LENGTH = 3;
$(document).ready(function() {
$("#keyword").keyup(function() {
var keyword = $("#keyword")
浏览 0提问于2015-11-04得票数 1
我刚从jquery.validation开始，我很喜欢它。当我试图理解全局时，我感到特别有帮助的一个参考是。我不明白的一个部分是为什么标签需要与每个输入相关联。是的，我理解创建标签是为了显示错误提示，然而，这些是不同的标签。我无法检测到标签标签上的任何变化，没有它它就能正常工作。有人知道为什么吗？谢谢
每个输入都有一个与其相关的标签:标签的for-属性引用输入的id-属性。
<label for="firstname">Firstname</label><input id="firstname" name="fname&#
浏览 3提问于2012-05-08得票数 0
回答已采纳
在Zend Framework2.1.4中，我使用标准的表单视图帮助器来呈现表单元素。
当我尝试的时候：
<?php echo $this->formRow($form->get('Title'));?>
标签文本和输入元素放在标签内：
<label>
<span>Title</span><input type="text" name="Title" placeholder="Inserisci titolo"
required="required"
浏览 9提问于2013-04-11得票数 8
回答已采纳
因此，我试图访问一个可以通过tabIndex聚焦的div的标签。但是，由于某种原因(因为标签在div之外)，标签不会被获取。
但是，正在为具有相同aria-labelledby的输入获取标签。你知道我怎样才能让我的div像输入一样从外部获取吗？
很明显，如果我把标签包括在div里面，它就能工作。
代码可以在这里看到：
我希望div也能获取外部的标签。
FYI:您可以查看/听到正在读取/显示的标签用于输入，但不能用于div。您可以通过mac上的画外音或windows上的NVDA验证这一点。
浏览 0提问于2019-06-18得票数 0
回答已采纳
在输入被聚焦之后，我如何在css中定位这个标签？
<div class="custom_floating">
<span>
<input type="text" id="firstname">
</span>
<label for="floatingFirstName">First Name</label>
</div>
浏览 0提问于2021-10-25得票数 0
我试图在某个部分显示文本，而在另一个部分使用jquery进行输入。我使用了以下几行代码：
$('#sectionName').on('keyup', ()=> {
$('#output-1').html($('#sectionName').val())
});
当我将它应用于其他虚拟元素时，代码确实可以工作，但是当我实际尝试在我正在工作的网站上实现它时，它拒绝工作。
为了给出更多细节，用户按下一个按钮来插入一个部分，该按钮将在侧边栏上附加一个标签，然后在右侧附加一个新的部分。在右边，用户应该输入区段名称，这应
浏览 0提问于2018-01-27得票数 0
回答已采纳
3回答
插入/删除平衡
、、
当我单击按钮时，我想在p标签中添加一个div标签，当我点击一个p标签时，我也想删除我点击的p标签。
这是我的Jquery：
$('#ajou').click(function(){
alert( $('#skill').val());
$('#skills').append('<p>'+$('#skill').val()+'</p>');
});
$("p").click(function(){
$(this).remove();
}
浏览 3提问于2015-11-04得票数 0
回答已采纳
1回答
我有以下CSS片段，当用户选择输入框时，它用于动画/移动一些标签文本。
input:focus ~ label, input.used ~ label {
top: -20px;
transform: scale(.75); left: -2px;
color: #4a89dc;
}
这工作得很好，但我面临一个问题。当我选择不同的输入时，标签文本动画回到原来的位置，并与旧文本重叠。
我要么希望标签文本全部消失，要么希望它保持在新的位置。换句话说，它不应该回到它不活跃的位置。
浏览 2提问于2016-11-22得票数 0
1回答
我正在写一个插件到一个旧的IE-only所见即所得编辑器，它驻留在一个旧的CMS。我已经创建了一个插件，可以打开一个弹出窗口，用户可以在其中输入youtube剪辑的url。
然后，弹出窗口创建嵌入的当前<object..><param..>标记并使用Internet Explorers pasteHTML函数；
var range = plugin.editorDocument.selection.createRange();
var embedHtml = OpenDialog(dialogUrl, null, 400, 200);
if (!embedHtml)
浏览 2提问于2010-04-16得票数 2
回答已采纳
2回答
我有一个验证脚本，一旦提交，将附加错误"li“标记到表单下面的一个空div。当"li“标签被附加到div后，我想滑下这个div，但它工作得很好。
我使用了jQuery中的.slideDown效果来实现这一点，但它似乎只滑到了第一个"li“标签，之后它会跳过其余的"li”标签。我不知道为什么，而且滑动效果是在div本身，而不是"li“标签上。
这是我的中的一个工作示例。
代码如下：
$("form").on("submit", function(e){
$("li").remove();
$(
浏览 0提问于2013-02-11得票数 1
4回答
是否可以使用以下DOM内容或为标签或输入创建单独标记的天真方法为label和input类型分发空间50%。
问题中的DOM .如何使用以下DOM进行处理
<label for="first">First Name: <input id="first" type="text"/></label>
<label for="last">Last Name: <input id="last" type="text"/></label>
浏览 2提问于2019-11-17得票数 0
回答已采纳
I使用TextView as 01:00:45以hh:mm:ss格式显示秒表数据。
iPhone使用API以倒排格式显示标签，这给人以反射的印象。
在iPhone中，标签首先显示在屏幕上。在第一标签下面，第二标签以倒置方式与第一标签的数据一起显示，从而给出具有反射的数据的印象。
在Android上是否有任何API以倒置方式显示TextView？
在引用链接之后
&使用使用180旋转的样例画布代码，我得到绿色的倒排文本(如上图所示)。但是我的要求是显示一个反射，这实际上是红色的文本。
请提供您的输入/示例代码。
浏览 0提问于2011-03-25得票数 3
我有一个网页表单，要求提供手机号码和id，如果id或手机是不正确的。网页将显示一个错误标签，在此错误标签之后，如果我输入了正确的信息，此表单将不再可见，新的div将与另一个显示可见。所以这里的问题是，当客户在输入错误信息后输入新信息时，如果他单击返回，标签仍然显示，并且文本框2，我已将这些元素设置为：
lblfailedresponce.Text = "" // 1rsst text box
txtMobilePhone.Text = "" //2nd text box
TransactionID.Text = "" //
浏览 0提问于2012-08-24得票数 0
我有两个组成部分：
在我的父组件中，我有：
//set focus object to false
// include Child Component and React libraries
const parent = React.createClass({
getInitialState: function() {
return {
focus: false
};
},
render() {
return(
<div>
<
浏览 0提问于2016-01-12得票数 2
回答已采纳
4回答
我试图让标签不包装在Bootstrap3，但似乎无法使它发挥作用。
我试着把‘单词包装:打破词’放在标签上，但这似乎也没有打破标签的句子。
我在文档中确实看到了“在. for group中包装标签和控件以获得最佳间距。”但是我不能使用‘表单组’，我想如果我想要使用引导div分别控制标签/答案的网格/表单布局(标签/输入更便于移动，并且在xs屏幕上扩展到100%的屏幕筛选器，但是在sm+屏幕上，标签显示在输入的左边以节省屏幕空间)。
举个例子..。扩大小提琴的右侧框架非常大，然后你看到表格标签被放置在左边与右文本对齐和问题发生。
未包装的第三个标签的下面图片：
下面是用于标签/输入设置的
浏览 5提问于2015-05-06得票数 14
回答已采纳
2回答
如果使用CSS检查或不检查输入，或者我是否坚持使用javascript，是否可以对标签进行样式设置？
<label class="filterButton"> <input name="RunandDrive" type="checkbox" value="1"> </label>
浏览 3提问于2017-12-16得票数 0
回答已采纳
我正在使用。在css中，我试图更改输入的父标签的背景色，所以当单击单选按钮时，它会更改颜色。我正在隐藏单选按钮，没有显示。因为标签给它一个漂亮的按钮外观。这是我的密码。在html中，我只是使用了一个输入标记并更改了span，但是必须用库进行不同的操作。我能够让它与输入和span一起工作，就像我的html版本一样，但是在这种情况下，点击功能不能工作。
这里是一个带有React语义Ui库的CodeSandbox，它的实现加载了第一个答案，但不起作用。
我添加了“编译”html。
<Segment>
<Menu attached="top" borderle
浏览 3提问于2019-10-17得票数 4
回答已采纳
我正在用d3.js制作一个带有图表标签的简单线条图。
当我在标签之前绘制轴时，标签不会被添加到svg元素中，但是如果我先绘制它们，它们就会被添加进来：
在第二个图表中，标签不仅仅是隐藏的。它们根本没有附加到DOM中。
。这两个脚本之间唯一的区别是，before.js在轴之前写标签，而after.js在轴之前写标签。
这一切为什么要发生？
浏览 2提问于2014-01-22得票数 1
回答已采纳
2回答
我在一个div中有一个输入和一个标签，如下所示：
<div class="dropdown-item">
<input id="inputId" name="filtercheckbox" type="checkbox" />
<label for="inputId">Basic Label</label>
</div>
当单击div、标签或输入时，我希望输入复选框选中/取消选中。
我试过使标签的宽度和高度100%，这并不是扩展到涵盖整个div。
浏览 1提问于2019-10-08得票数 2
回答已采纳
2回答
输入焦点时向<i>标记提供背景
、、、、
输入旁边有一个“图标”。我希望当我点击输入时，给这个图标一个背景(在示例中，我只想测试它的颜色)。
我已经试过了一些我在这里找到的答案，但没有奏效。
<div class="part">
<i class="fas fa-info-circle"></i>
<input type="text" name="contactName">
</div>
和CSS：
.contact .part input:focus + i {
color: red;
}
当
浏览 0提问于2019-10-30得票数 0
回答已采纳
1回答
我想标记序数数据(0-10)的范围输入的极值，以消除UI的歧义。建议我应该能够在表单中使用datalist，如下所示：
<datalist id="ord">
<option value="0" label="Identical"></option>
<option value="10" label="Very different"></option>
</datalist>
...
<input type="range&
浏览 2提问于2021-04-04得票数 0
回答已采纳
2回答
我试图导出html格式为pdf，但我不能导出表单输入字段，所以我需要用它的值替换表单标签。
我有一个表单，包含多个标签和表单输入，如文本，复选框，单选按钮，选择等。
我想用它的值属性替换那个输入标签，但是我不知道怎么做。
即。
<div id="Content">
Name : <input type="text" value="abc"/>
Hobby : <input type="checkbox" value="abc" checked/>
浏览 2提问于2016-04-21得票数 0
回答已采纳
我使用jquery验证插件在顶部显示错误消息，而不是在标签旁边。比方说，我有地址，城市，邮政编码....if用户不要输入任何东西，我必须在顶部的div中显示错误信息，如“请输入有效地址”，“请输入有效城市”等。如何才能覆盖插件的默认行为.....any帮助将不胜感激...谢谢!
浏览 0提问于2010-11-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
