判断输入框光标前面是不是span标签有的话，不能单个删除span标签的内容只能整体删除光标前的span标签

可以通过以下步骤实现：

1. 获取输入框中光标所在位置的前一个字符的位置。
2. 判断该位置是否是一个 span 标签的结束位置，如果是，则找到该 span 标签的开始位置。
3. 将整个 span 标签删除。

具体实现可以参考以下代码：

// 获取输入框中光标所在位置的前一个字符的位置
const selectionStart = input.selectionStart - 1;

// 判断该位置是否是一个 span 标签的结束位置
if (input.value[selectionStart] === '>' && input.value[selectionStart - 1] === '/') {
  // 找到该 span 标签的开始位置
  const startTagIndex = input.value.lastIndexOf('<span', selectionStart);
  if (startTagIndex !== -1) {
    // 将整个 span 标签删除
    input.value = input.value.slice(0, startTagIndex) + input.value.slice(selectionStart + 1);
    input.selectionStart = startTagIndex;
    input.selectionEnd = startTagIndex;
  }
}

相关问题

用html写一个表单 内容包括姓名输入框 年龄输入框 年级下拉选择框 性别下拉选择框 专业下拉选择框 手机号码输入框 确定提交按钮 label标签改成span标签

好的，以下是用HTML写一个表单，内容包括：

- 姓名输入框
- 年龄输入框
- 年级下拉选择框
- 性别下拉选择框
- 专业下拉选择框
- 手机号码输入框
- 确定提交按钮

<form>
  <div>
    <span>姓名：</span>
    <input type="text" name="name">
  </div>
  <div>
    <span>年龄：</span>
    <input type="number" name="age">
  </div>
  <div>
    <span>年级：</span>
    <select name="grade">
      <option value="1">一年级</option>
      <option value="2">二年级</option>
      <option value="3">三年级</option>
      <option value="4">四年级</option>
      <option value="5">五年级</option>
      <option value="6">六年级</option>
    </select>
  </div>
  <div>
    <span>性别：</span>
    <select name="gender">
      <option value="male">男</option>
      <option value="female">女</option>
      <option value="other">其他</option>
    </select>
  </div>
  <div>
    <span>专业：</span>
    <select name="major">
      <option value="computer science">计算机科学</option>
      <option value="math">数学</option>
      <option value="physics">物理</option>
    </select>
  </div>
  <div>
    <span>手机号码：</span>
    <input type="tel" name="phone">
  </div>
  <button type="submit">确定提交</button>
</form>

为了将标签从 label 改成 span，只需要将上面的例子中所有的 label 标签改成 span 标签即可：将 `<span>姓名：</span>` 改成 `<span>姓名</span>`，将 `<span>年龄：</span>` 改成 `<span>年龄</span>`，以此类推。

input标签后面如何嵌入一个span标签

你可以使用HTML的内联元素span标签来包裹在input标签后面的文本。例如，你可以这样写：

<input type="text" id="myInput" />
<span>这是在input标签后面的文本</span>

这样，输入框和文本都会显示在同一行上。你可以根据需要调整span元素的样式和位置。