dart - Dart CheckboxInputElement 不显示文本

Question

Dart CheckboxInputElement 在开始和结束输入标记之间添加指定文本，浏览器会忽略此文本。例如，下面的飞镖代码：

  FormElement form = new FormElement();
  CheckboxInputElement option = new CheckboxInputElement();
  option.name = "text1";
  option.value = "text1";
  option.text = "text1";
  form.children.add(option);
  window.children.add(form);

创建以下 html 代码：

<form>
  <input type="checkbox" name="text1" value"text1">text1</input>
</form>

我最终得到没有描述符的复选框。

Answer 1

您必须添加带有描述符文本的标签并将其链接到复选框：

FormElement form = new FormElement();
CheckboxInputElement option = new CheckboxInputElement();
option.name = "text1";
option.value = "text1";
option.id = "text1";
form.children.add(option);      
LabelElement label = new LabelElement();
label.htmlFor = 'text1';
label.text = "This is a checkbox label";
form.children.add(label);
window.children.add(form);

for 属性将查找具有指定 id 的输入并连接它们（以便单击标签文本将切换复选框）。

您最终将得到以下 HTML：

<form>
  <input type="checkbox" name="text1" value="text1" id="text1">
  <label for="text1">This is a checkbox label</label>
</form>