Ist <div> innerhalb des <label> -Blocks korrekt?
Ich benutze Bootstrap, es ist eine Demo von horizontaler Form:
<form class="form-horizontal" role="form">
<div class="form-group">
<label for="inputEmail1" class="col-lg-2 control-label">Email</label>
<div class="col-lg-10">
<input type="email" class="form-control" id="inputEmail1">
</div>
</div>
</form>
aber ich möchte nicht für jeden eine ID erstellen<input>
, so
<form class="form-horizontal" role="form">
<div class="form-group">
<label class="block">
<span class="col-lg-2 control-label">Email</span>
<div class="col-lg-10">
<input type="email" class="form-control">
</div>
</label>
</div>
</form>
aberdisplay:block
kann nicht drinnen seindisplay:inline
Ich benutze also CSS
.block {
display: block;
}
es funktioniert, aber ist es richtig? weil ich gehört habe, dass wir nicht setzen solltendisplay:block
Element indisplay:inline
Element (label
)