<input> dentro de <label>

Que tal, en algunas páginas he visto:

<label>Email: <input type="email" required /></label>


cuál diferencia hay con poner las etiquetas por separado??, ya que ambos son elementos inline

es decir:

<label>Email:</label>
<input type="email" required />


gracias por clarificarme esta duda

Oye yo nunca he visto un input metido dentro de un label, no creo que sea buena practica, seguramente corre pero estoy casi 100% seguro que la mejor opcion es ponerlos por separado, además que es más comodo a la hora de poner el CSS

Yo me iria por la opcion de separados

La etiqueta <label> sirve para indicar que una leyenda se corresponde con un campo del formulario. Ambas maneras están bien. Para el usuario de la página le sirve para que cuando hace clic en el contenido del <label> es igual a hacer foco en el campo de texto que corresponde.

gracias!!
así es, es conveniente para hacer focus sobre el campo