Question

我想创建一个带有文本框的单选按钮，以便用户可以选择该按钮并输入自己的文本。这是我一直在做的事情（使用Twitter的引导程序），但是文本未显示在框中：

<div class="btn-group" data-toggle="buttons" id="btn-group-id">
  <label class="btn btn-primary">
    <input type="radio" name="options" value="Label"> Enter your own label
    <input type="text" name="other_reason" />
  </label>
</div>

如何更改此设置，以便用户单击单选按钮并在按钮顶部的输入文本框中输入文本？

Answer 1

只需使用占位符，而不要写出输入框的内容。

      <div class="btn-group" data-toggle="buttons" id="btn-group-id">
        <label class="btn btn-primary">
          <input type="radio" name="options" value="Label" > 
          <input type="text" name="other_reason" placeholder="Enter your own label"/>
        </label>
      </div>

使用Bootstrap在其上输入文本框的单选按钮

1 个答案: