Dar tamaño al input text

[garcia1808]

Hola, tengo un input text , creado desde js.

nada en el body en html, todo desde el js.

var input= document.createElement("input") ;
input.type="text";
caja.appendChild(input);

Lo que necesito es, si dentro del input, tengo algo escrito , digamos que dice.

Ingrese su email. que al hacer click desaparezca lo que dice. tambien ponerle un width o algo asi al input y limitaciones de caracteres tanto minimos como maximos.

Bueno les agradeceria cualquier ayuda.

Saludos!!!

[fjrueda]

garcia1808.

la cueston es que si usted ya esta creando ese input, antes de realizar el "appendChild" le otrogue todas a cualidades que nececita, asi como lo hizo con el tipo de input.

y tambien esta que puede hacer pos CSS si el elemnto es creado antes del llamado.

[dontexplain]

var input= document.createElement("input") ;
input.type="text";
input.style.width="120px"; // para el width
input.style.height="30px"; // para el height
input.maxLength= 20; // para la limitación (maxlength)
input.placeholder = "Ingrese su email" // texto
caja.appendChild(input);

Un saludo.

[garcia1808]

Muchas Gracias. La idea es utilizar el css desde el js.

El placeholder sirve para todos los navegadores?

Muchas Gracias.

[dontexplain]

placeholder no funciona con IE creo, para eso existe una solución

https://github.com/miketaylr/jQuery-html5-placeholder/blob/master/html5placeholder.jquery.js

y he aquí un ejemplo

http://miketaylr.com/code/placeholder.html

Si no quieres usar estos plugins puedes hacerlo manualmente

<input type='text' value='inserte el email' onkeypress="this.value= (this.value=='inserte el emai')? 'inserte el emai' : '' ">

Desarrollas, es sólo un ejemplo.

[garcia1808]

Iniciado por dontexplain

placeholder no funciona con IE creo, para eso existe una solución

https://github.com/miketaylr/jQuery-html5-placeholder/blob/master/html5placeholder.jquery.js

y he aquí un ejemplo

http://miketaylr.com/code/placeholder.html

Si no quieres usar estos plugins puedes hacerlo manualmente

<input type='text' value='inserte el email' onkeypress="this.value= (this.value=='inserte el emai')? 'inserte el emai' : '' ">

Desarrollas, es sólo un ejemplo.

Muchas Gracias!!!