Sizes en input type="number"

[NSD]

hola gente, pues el problema es el del titulo, como se puede especificar un ancho a los input del typo number?? los tipo text anda genial pero con los number no, y no quiero recurrir a css, salvo que no quede otra. alguna idea?

[pzin]

Puedes usar el atributo maxlength, que no es que sea novedoso de HTML5. Pero siempre se recomienda hacer otro tipo de comprobaciones porque esta es bastante fácil de evitar.

[NSD]

Bonez nose bien a que tipo de comprobaciones te refieres, y por el atributo maxlenght, no le hace nada a los input number, ni les acota la longitud (para eso estan min y max que si son nuevos) ni les cambia el tamaño como a los text el size, que es lo que quiero hacer yo, alguna otra idea?

[pzin]

Te había entendido mal pues. ¿Y no te vale usar size?

Edito: Vale, no había entendido lo que querías.

Pues si descartas CSS, tienes que ajustarlo con min y max, y tomará max como el tamaño del input.

[Carlangueitor]

Y por que el problema de usar CSS? esa es la forma correcta de hacerlo.

[NSD]

Con min y max no varia el tamaño de la entrada, ya lo he probado. y el tema de no usar css es que tengo que agregar "Style='width:XXXPx'" en cada input y si habia algun atributo u otra forma quedaria mas prolijo. en fin, gracias por su ayuda usare css y vere que invento saludos

[pzin]

Juraría que alguna vez vi algo de ajustarlo con min/max. Estaré confundiendo algo.

¿Y si en vez de añadir style a cada input usas algo así?

Código CSS:

input[type=number] {
   width: 100px;
}
 

Que de todas formas, añadir style a todos es el mismo trabajo que añadir size, max o lo que fuera que funcionara.

[NSD]

Que de todas formas, añadir style a todos es el mismo trabajo que añadir size, max o lo que fuera que funcionara.

podria decirse que si, pero soy de esos programadores detallistas que le gusta usar al maximo las potencia de cada herramienta, y no me gusta mexclarla, prefiero que la parte html, tenga solo html, la css, solo css, el javascript solo javascript, nose si me explico, es solo un capricho personal.

no pondria en mi web

<a onClick="var ele=getElementById('hola'); ele.style.width='200'" Style="height:30px">blabla</a>

usaria en su lugar:

<a onClick="Mifuncion();" class="LaClase">blabla</a>

por eso el tema de que si hay un atributo html preferiria usarlo.

gracias por su ayuda, tendre que recurrir a css inavitablemente.

[pzin]

Ok. Un purista.

De todas formas, es más correcto hacerlo con CSS que con HTML, por si te alivia la conciencia, ya que el ancho de un elemento no forma parte de la estructura sino del diseño/maquetación.

Alguien en este foro dijo alguna vez algo como que el HTML eran los huesos, CSS la piel, el lenguaje de lado servidor eran los músculos y javascript los anabolizantes.

[NSD]

Alguien en este foro dijo alguna vez algo como que el HTML eran los huesos, CSS la piel, el lenguaje de lado servidor eran los músculos y javascript los anabolizantes.

jaja que buena comparación XD

[emprear]

Iniciado por NSD

podria decirse que si, pero soy de esos programadores detallistas que le gusta usar al maximo las potencia de cada herramienta, y no me gusta mexclarla, prefiero que la parte html, tenga solo html, la css, solo css, el javascript solo javascript, nose si me explico, es solo un capricho personal.

no pondria en mi web



usaria en su lugar:



por eso el tema de que si hay un atributo html preferiria usarlo.

gracias por su ayuda, tendre que recurrir a css inavitablemente.

Si fueses un purista, deberías atenerte a esto
http://www.w3.org/TR/html-markup/inp...ber-attributes

asi como tampoco usarías esto

Código HTML:

<a onClick="Mifuncion();" class="LaClase">blabla</a>
 

Lo cual desvirtúa la semántica del tag anchor

El uso de css para este caso es la opción más "pura"
Saludos

[NSD]

Lo cual desvirtúa la semántica del tag anchor

Tienes razon, creo que elegi mal ejemplo al tomar una etiqueta al azar.

<td onClick="Mifuncion();" class="LaClase">blabla</td>

ahi estaria un poco mejor. la idea era no mezclar un lenguaje con otro salvo que sea estrictamente necesario.

gracias por la ayuda. saludos.

[Carlangueitor]

No sé, incluso se podría llegar a ser más purista:

Código HTML:

<td id="el_id" class="la_clase">Bla, bla</td>
 

Código Javascript:

el = document.getElementById("el_id");
el.addEventListener("click", mi_funcion);
 

Por ejemplo...

[NSD]

Supongo que siempre se puede mas jaja pero para tanto no soy igualmente, (aclaro antes que me ataquen) yo dije que era detallista y me gustaba separar los lenguages, la palabra "purista" o "puro" la utilizaron ustedes, creo que bonez la utilizo por primera vez XD

[pzin]

Shhh... Déjales déjales, a ver si llegan a una implosión.

Cierto, mea culpa lo de purista.