HTML5正确的元素用法实现“标签和框”样式

从HTML5的角度来看，这种情况的最佳解决方案是什么？我有一些里面的文字框上方的标签，因为这里介绍：HTML5正确的元素用法实现“标签和框”样式

代码看起来像现在：

<div class="wrap"> 
    <p class="label"> Marka </p> 
    <p class="box"> Volkswagen </p> 
</div>

我还想着包装<label>和禁用<input>到<form>，但它似乎并不正确。我无法谷歌任何答案，因为我不知道如何命名我的问题。

2016-01-11 bdobry

我会用你说的第二个解决方案，'

这里我可以看到一些小的性能问题，而HTML旨在描述它包含的内容。整件事情并不是真正的形式。 – bdobry

你的标记没问题。你可以考虑使用dl/dt/dd，但不明显你会从中获益。 – Alohci

如果你想使用HTML5标记尝试以下

<div><label>Marka</label></div> 
    <div><input type="text" disabled> <!--Remove disabled if you want it active-->

只是重复其他。

2016-01-12 03:22:00

回答