是否可以在跨度标记中包含文本框逗号分隔值答案

【问题标题】：Is it possible to include for text box comma separated values in span tag是否可以在跨度标记中包含文本框逗号分隔值
【发布时间】：2018-08-30 08:57:38
【问题描述】：

我正在开发in place edit 功能，其中用户可以输入以逗号分隔的值，但我必须为每个逗号分隔的值设置样式，这是不可能的，因为所有值都在一个文本框中，是吗可以将每个输入的值放在具有类名的跨度标记中，以便我可以应用CSS 或隐藏文本框并显示样式化的跨度标记。

我正在做这样的事情

如何获取这些值并将其放在 span/div 标签中，以便我可以应用 CSS 进行样式设置或任何其他方法。

【问题讨论】：

标签： html css

【解决方案1】：

您需要使用 jquery 来编辑文本框而无需键入。你需要追加。 Add text to textarea - Jquery

【讨论】：

【解决方案2】：

您不能在文本输入类型中使用标签（跨度）。您可以使用样式来应用 css。

试试下面的方法。

<div class="selected_values">
      <span class="grey">val1</span>
      <span class="grey">val2</span>
      <span class="grey">val3</span>
      <span class="grey">val4</span>
    </div>


.selected_values {
      width: 400px;
      float: left;
      border: 1px solid #000;
    }
    .selected_values .grey {
      display: inline-block;
      background: grey;
      padding: 5px;
      margin: 10px;
      width: 120px;
    }

【讨论】：