Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17583
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como deixar um input com um lado fixo e outro digitável CSS

28-01-2016 15:00

Nesse post vou colocar um exemplo simples de um efeito usando CSS onde parece que parte do texto do input está fixo, e parte pode ser editada.

Na verdade não é possível deixar somente uma parte do texto sem ser editável em um input. Isso é um efeito feito com CSS.

<style> .div{ padding:10px 10px; border:1px solid #ccc; width:230px; font-family:verdana; font-size:12px; color:#A9A9A9; } .input{ outline:0; font-family:verdana; font-size:12px; border:0px solid white; } </style> <div class="div"> Seu nome&nbsp;&nbsp;<input type="text" class="input" placeholder="ex.: Pedro" name="" value="" /> </div> <div class="div"> Seu e-mail&nbsp;&nbsp;<input type="text" class="input" placeholder="ex.: pedro@pedro.com" name="" value="" /> </div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado