section标签是否适合分组表单元素？

Question

我目前正在使用p标签来包围表单分组(例如标签,输入和错误消息)......

p标签是我多年来使用的,但我有一点问题,因为p标签不能包含div等 ...所以我正在考虑使用'section'标签来分解表单"sections": )...

如果你们认为在这种情况下使用这个标签在语义上/功能上是合适的,我会寻找一些反馈......我作为网络开发的形式是我一天的90%所以非常感谢你的想法和反馈:)

仅供参考(虽然无关紧要)我正在使用Laravel Form作为示例!

之前

<p>
    <label>First Name</label>
    <input type="text" name="first_name" value="{{ Form::form_value('first_name', $user) }}">
    <span class="error_message">{{ $errors->first('first_name') }}</span>
</p>

<p>
    <label>Surame</label>
    <input type="text" name="surname" value="{{ Form::form_value('surname', $user) }}">
    <span class="error_message">{{ $errors->first('surname') }}</span>
</p>

后

<section>
    <label>First Name</label>
    <input type="text" name="first_name" value="{{ Form::form_value('first_name', $user) }}">
    <span class="error_message">{{ $errors->first('first_name') }}</span>
</section>

<section>
    <label>Surame</label>
    <input type="text" name="surname" value="{{ Form::form_value('surname', $user) }}">
    <span class="error_message">{{ $errors->first('surname') }}</span>
</section>

感谢您的反馈微笑http://i2.minus.com/jOUK4SGJj8gGq.png

Answer 1

我认为<section>使用的语义不正确。您可以使用<fieldset>，但我认为这适用于多个输入，或者您可以将所有内容都包含在<label>.

例如

<label>
  First Name
  <input type="text" name="surname" value="{{ Form::form_value('surname', $user) }}">
  <span class="error_message">{{ $errors->first('surname') }}</span>
</label>

否则，<p>标签就完全没问题，无论如何，表单没有太多语义。