Jump to content


Photo

Colocar Texto Em Cima Do Imput


  • Faça o login para participar
1 reply to this topic

#1 Spice Boy

Spice Boy

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado

Posted 25/02/2014, 19:11

Galera, to com uma duvida muito tosca... Acho que vou apanhar aqui, mas ta valendo XD

Como que eu faço para colocar o texto em cima do imput?

Ex:
Posted Image

O codigo esta dessa forma, terei que tirar os placeholder e colocar os nomes dos campos em cimas dos imputs:

<form class="cadastro dados-pessoais">
                 <label for="nome" display="inline">Nome</label>
                    <input type="text" class="col1" />
                     <label for="data">Data de Nascimento</label>
                    <input type="text" class="col3" />
                    <label for="cpf">CPF</label>
                    <input type="text" placeholder="CPF" class="col3" />
                    <input type="text" placeholder="PIS" class="col3 sem-margin" />
                    <div class="bg-radio-check col2 f-left">
                        <label>Sexo</label>
                        <div>
                            <span>
                                <input type="radio" name="radiog_dark" id="radio4" class="css-checkbox">
                                <label for="radio4" class="css-label">Option 1</label>
                            </span>
                            <span>
                                <input type="radio" name="radiog_dark" id="radio5" class="css-checkbox" checked="checked">
                                <label for="radio5" class="css-label">Option 2</label>
                            </span>

É se eu fizer do meu jeito, sei que vai estar errado semanticamente, então to pedindo ajuda para não fazer um "codigo sujo".

Se alguem poder me ajudar o mais rapido possivel... Obrigado!

#2 Antonio Lopes

Antonio Lopes

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Masculino
  • Localidade:RIBEIRÃO PRETO
  • Interesses:Programação PHP, MYSQL, Javascript, TninyMCE, CSS, HTML e outras

Posted 18/09/2014, 21:17

Olha se fica bom?

<label for="nome" display="inline">Nome</label> <br/>
<input type="text" class="col1" />
Antonio Lopes




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq