如何指定要在 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>，以便可以点击。例如参见 [=12=]

在 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

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

How do I specify the text to display next to a radio button in Scala.js?

scala.js

scalatags