Question

我是HTML新手，我想实现一个使用单选按钮的相当大的用户选项列表。各种项目都有类似的格式，如下所示：

<p>
  "Question 1 text"
  <input style="radio" name="question1" id="q1_id1">
  <label for="q1_id1">Yes</label>
  <input style="radio" name="question1" id="q1_id2">
  <label for="q1_id2">No</label>
  <input style="radio" name="question1" id="q1_id3">
  <label for="q1_id3">Maybe</label>
</p>
<p>
  "Question 2 text"
  <input style="radio" name="question1" id="q2_id1">
  <label for="q2_id1">Yes</label>
  <input style="radio" name="question1" id="q2_id2">
  <label for="q2_id2">No</label>
  <input style="radio" name="question1" id="q2_id3">
  <label for="q2_id3">Maybe</label>
</p>

等

由于这段代码很多都是重复的，我想知道是否有办法声明一个html对象或其他东西（我知道html不是面向对象的语言），就像你在其他编程语言中所做的那样，所以你可能会有这样的事情：

定义包含文本和三个单选按钮的html对象
将这些对象的列表添加到文档中，仅更改问题文本和按钮标签文本

只需几行html。

有没有办法做到这一点，还是我不得不求助于复制粘贴？

Answer 1

在HTML中无法做到这一点。还有其他方法：

1）您可以使用模板语言在服务器上生成相应的HTML，然后再将其发送给用户。根据您的服务器，有不同的选项。

2）您可以将输入数据作为JSON发送到用户的浏览器，并使用Javascript生成HTML。如果元素重复多次，这可能更经济，就像在大型数据表中一样。

有没有办法简化在HTML5中创建类似的多组件元素？

1 个答案: