Donde usar <p> y donde <span> que opinan de este formilario

[franjgg]

Hola amigos,

Vereis tengo una duda muy sencilla y consiste en que me gustaria que me indicaran donde seria mas correcto usar la etiqueta <p> por ejemplo y texto y la etiqueta <span>

A ver si pueden dar algunos ejemplos.

Tambien tengoeste formulario:

Código HTML:

<div style="width:50%; float:left;">
                            
                            <label><div style="color:#000000; background-color:transparent; width:160px; float:left; font-weight:bold; margin:0px 0px 10px 0px; ">Nombre del negocio *</div></label>
                            <input type="text"  name="email" style="height:15px; margin:0px 0px 10px 0px; width:280px;">
                            
                            <label><div style="color:#000000; width:160px; font-weight:bold; float:left; margin:0px 0px 10px 0px; ">Sector *</div></label>
                            <select style="width:286px; margin:0px 0px 10px 0px; ">
                            <option></option>
                            </select>
 
                            <label><div style="color:#000000; background-color:transparent; width:160px; float:left; font-weight:bold; margin:0px 0px 10px 0px;">Descripci&oacute;n</div></label>
                            <textarea cols="33" rows="2" style=" margin:0px 0px 10px 0px; "></textarea>
 
                            <label><div style="color:#000000; background-color:transparent; width:160px; float:left; font-weight:bold; margin:0px 0px 10px 0px;">Horario</div></label>
                            <textarea cols="33" rows="2" style=" margin:0px 0px 10px 0px; "></textarea>                                                                             
                        
                            <label><div style="color:#000000; width:160px; float:left; font-weight:bold; margin:0px 0px 10px 0px;">¿Perteneces a alguna <br>de estas agrupaciones?</div></label> 
                            <select style="width:286px; float:right;">
                            <option>--Seleccione--</option>
                            </select>
                            
 
                        </div>
 

Que opinan estaria correcto, que cambiarian?

Un saludo y mil gracias

[pzin]

De HTML5 no hay mucho ahí. Más bien nada. Y no veo ningún p o span por el que preguntas. Que por otro lado no veo donde querrías usarlo.

Ahora lo que no entiendo es el usar div en vez de estilizar directamente label.

[franjgg]

Hola Bonez gracias por tu atencion,

Son dos preguntas direfentes las primera la de las etiquetas <p> y <span>

Si el formulario pensaba que esta mal, podrias ponerme un ejemplo de como piensas que deberia de hacerlo?


Un saludo amigo y gracias de nuevo

[pzin]

Código HTML:

<label class="clase_para_label">Nombre del negocio</label>
<input type="text"  name="email" style="clase_para_input">
 

Realmente así te vale. Si quieres usar HTML5, échale un ojo a los nuevos atributos y sus valores para los formularios.

[franjgg]

Mucgas gracias amigo,

Estaba usando los div para posicionarlos a la derecha y izquierda pero no cai en usar los label para hacer esto.

Gracias de nuevo amigo

[hackjose]

El elemento <p> debes usarlo para encerrar párrafos

El elemento <span> no tiene significado, puedes usarlo para estilos y para javascript

Por ejemplo tienes que animar un parrafo palabra por palabra entonces
encierras la primer palabra con <span> y ya despues con javascript pasas a la siguiente palabra y con CSS le cambias el color

Se que no es un super ejemplo pero asi es como lo podrias usar

Salu2

[caricatos]

Hola:

Sobre el elemento label, puedes asociarlo al elemento que referencia mediante el atributo id del elemento siendo el mismo valor en el for del label, de esa manera te sirve para activar radios y checkboxes, y para obtener el foco en el resto de controles de los formularios...

También puedes envolver esos controles con los label, pero es mejor usar la asociación for/id

Saludos