Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rafaeldorazio

Inserir div com border dentro do campo text

Por , em Javascript

Recommended Posts

William Bruno    1501

William Bruno
Postado

qual a intenção disso ?

 

inserir div dentro de input é impossível.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

hum... até dá sim, mas não da forma que você tá pensando...

tipo... posiciona um input, e por cima desse input, posiciona uma div.

 

não conheço nada pronto, mas me parece bem interessante desenvolver.

consiga o efeito com css+html (de posicionar a div, acima do inpuy, o lápis e tal..)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

então cara, fiz aqui... fica melhor com <span> ^^

ai dá para aproveitar o label...

 

 

css puro..

position: relative | absolute;

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafaeldorazio    2

rafaeldorazio
Postado

eu fiz dessa maneira :

<style type="text/css">

.inputFile {
	    width: 185px;
	    height:40px;
	    position: relative;
	    overflow: hidden;
	    background: #FFF;
	    color: #000;
	    border: 1px solid #CCC;
	}
	.inputFile span {
	    display: block;
	    position: absolute;
	}
	.inputFile input 
	{
  	    border: 1px solid red;
	    position: absolute;
	    right: 0;
	    z-index: 2;
	    font-size: 100px; /* Aumenta tamanho do campo */
	    opacity: 0;
	    filter: alpha(opacity=0);
	}

</style>

</head>

<body>

    <div class="inputFile">
	    <input type="text" name="arquivo" id="arquivo" />
	</div>

    </body>
</html>

Porem se nosso amigo precisar digitar , nao vai aparecer o que ele está digitando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

isso! ai o truque, é aumentar o padding-left do input !

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não entendi.

 

piscando oq? o cursor ? a div inteira ?

como está o teu código atual ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

rafaeldorazio    2

rafaeldorazio
Postado

Na verdade some tudo o que esta dentro da div, e para aparecer eu teria que clicar dentro da div e segurar o botao do click, ai aparece o que está dentro da div

 

<style type="text/css">

.inputFile {
	    width: 185px;
	    height:40px;
	    position: relative;
	    overflow: hidden;
	    background: #FFF;
	    color: #000;
	    border: 1px solid #CCC;
	    overflow: auto;
	}
	.inputFile span {
	    display: block;
	    position: absolute;
	}
	.inputFile textarea
	{
	    position: absolute;
	    right: 0;
	    z-index: 2;
	    font-size: 100px; /* Aumenta tamanho do campo */
	    opacity: 0;
	    filter: alpha(opacity=0);
	}

</style>

</head>

<body>

    <div class="inputFile">
	    <textarea rows="10" cols="40"></textarea>
	</div>

    </body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito