AngularJS / JQuery - 没有关联标签的表单输入

时间:2015-06-14 12:21:35

标签: javascript jquery angularjs intellij-idea webstorm

我有"表格输入没有相关标签"的问题。这出现在[textarea],[select],[select],[input] classes。

这是我的代码:

<div class="panel-body">
<form name="f" data-ng-submit="addTodo()">
  Nazwa:
  <textarea class="form-control" name="newTodo" data-ng-model="formData.newTodo" required></textarea>
  Typ:
  <select class="form-control" name="type" data-ng-model="formData.type" data-ng-option="value.name for value in categories" required></select>
  Estymowany czas:
  <select class="form-control" name="estimates" data-ng-model="formData.estimates" data-ng-option="value + 'h' for value in [] | rangeTime:9:true" required></select>
  Data:
  <input class="form-control" type="text" data-ng-model="formData.date" data-ng-data-picker="" name="date" required readonly="readonly">
  <br />
  <button class="btn btn-success" data-ng-disabled="f.$invalid">Add <span class="glyphicon glyphicon-ok"></span></button>
</form>

感谢您的帮助!

  

主持人澄清:上述消息是JetBrains产品在IDE中提供的警告。 OP最有可能使用其中之一   用于前端开发的WebStorm或IntelliJ。

2 个答案:

答案 0 :(得分:3)

这不是错误,但为了方便用户使用,建议将标签与相应的表单元素相关联。例如,对于名称字段:

<label for="name">Nazwa:</label>
<textarea class="form-control" id="name" name="newTodo" data-ng-model="formData.newTodo" required></textarea>

我认为您的IDE非常智能,可以识别缺失的标签,并为您提供合理的建议来添加标签。

答案 1 :(得分:0)

我想WebStorm

按照建议添加标签。 label特别适用于radiocheckbox,因此您只需点击标签即可激活它们。