Semánticamente, desea que la etiqueta haga referencia a la entrada, o más bien, que la entrada obtenga el foco al interactuar con la etiqueta. Esto se hace por accesibilidad.

Obtiene este comportamiento de forma predeterminada cuando envuelve una input con un elemento de label . Esto es correcto.

 <label> {label && <span>address</span>} <input type={type} placeholder={placeholder} /> </label>

El segundo no es HTML semántico técnicamente correcto ya que está representando lo que efectivamente es una etiqueta pero no codificando como tal.

Si el problema es que los elementos de la label están en línea y desea que se muestre el bloque de un div , entonces aplique CSS a sus elementos de la etiqueta o envuelva tanto la etiqueta como la entrada en un div .

Tener una etiqueta envuelta alrededor de la entrada le permite hacer clic en la etiqueta y enfocar la entrada. Es especialmente útil cuando se tiene que hacer clic en los botones de opción.