Note que você também pode usar o elemento com o tipo correspondente para produzir um botão. A principal diferença com o elemento é que o elemento permite apenas texto sem formatação como seu valor, enquanto que o elemento permite que o conteúdo HTML completo como seu valor.
Veja um exemplo prático:
Para fazer um formulário desse, usamos a tag do HTML (faça o curso HTML Progressivo antes ou durante este curso de JavaScript). O primeiro atributo é o id (identificação), e é muito importante ter uma uma identificação única, pois vamos usar os dados desse formulário através de sua id.
O campo "Placeholder" é utilizado para indicar ao navegador o texto que deverá aparecer escrito no campo do formulário, na maioria das vezes utilizado para indicar ao usuário como deve ser preenchido aquele campo em específico ou a função daquele campo de formulário.
Placeholders são trechos de código que podem ser usados em qualquer layout e aceitam condições de exibição. Em outras palavras, são elementos predefinidos que precisam ser configurados para que possam ser exibidos para os usuários do seu web site. Para isso, você deve usar os layouts.
2 Respostas. Uma forma bacana é usar uma imagem como sprite (pode ser um PNG com fundo transparente, um GIF ou um JPG com fundo branco). Aí basta adicionar a imagem como background do input posicionando cada ícone do sprite no respectivo input.
3 Respostas. Bom para aumentar o tamanho da fonte o pessoal já respondeu. Então para fazer a palavra ocupar mais espaço você pode usar a propriedade letter-spacing e atribuir a distância entre as letras que desejar.
Comentários. Cada objeto Shape na coleção Placeholders representa um espaço reservado para texto, um gráfico, uma tabela, um organograma ou algum outro tipo de objeto.
No input type reset coloca opacity 0 e no src do type img coloca a imagem e então coloque o onclick e chama a função js que clica no input type reset. Segunda Você pode também criar um input type img (no src põe a imagem) e colocar no onclick para ele resetar os valores direto.
Uma maneira simples e fácil de posicionar um ícone dentro de uma entrada é usar a propriedade CSS da posição, conforme mostrado no código abaixo. Nota: simplifiquei o código para fins de clareza. Crie o contêiner ao redor da entrada e do ícone. Defina o ícone como posição absoluta.