scala.js - 如何指定要在 Scala.js 中的单选按钮旁边显示的文本？

Question

我有两个单选按钮，一个用于 SBT，一个用于 Gradle。如何为 Scala.js 中的按钮指定文本？我的代码如下所示：

lazy val toolChoice = fieldset(
      legend("Build Tool"),
      input(`type`:="radio", name:="tool", value:="sbt", "SBT"),
      input(`type`:="radio", name:="tool", value:="gradle", "Gradle")
).render

我看到按钮，但没有看到文字。我究竟做错了什么？

Answer 1

单选按钮本身没有文本。您需要有一个兄弟元素来显示文本。理想情况下<label>，它是可点击的。参见例如https://stackoverflow.com/a/2350782/1829647

在 Scalatags 中，我猜它看起来像这样：

lazy val toolChoice = fieldset(
    legend("Build Tool"),
    input(`type`:="radio", name:="tool", value:="sbt", id:="toolsbt"),
    label(`for`:="toolsbt", "sbt"),
    input(`type`:="radio", name:="tool", value:="gradle", id:="toolgradle"),
    label(`for`:="toolgradle", "Gradle")
).render