Perguntas com a tag [html]
Utilize esta tag quando a pergunta se refere a algum recurso, informação ou problema relacionado exclusivamente à linguagem HTML (HyperText Markup Language). HTML é a principal linguagem de marcação utilizada para estruturar páginas web e formatar conteúdo. A mais recente revisão da especificação HTML é o HTML5.
14,028
perguntas
12
votos
2respostas
3mil visitas
Como posso transformar quebra de linha em <br /> em JavaScript?
No PHP, podemos converter uma quebra de linha para um <br/> através da função nl2br.
E no JavaScript? Como posso fazer isso de maneira segura?
Decidi fazer a pergunta porque não sei se um ...
12
votos
3respostas
2mil visitas
Quais as necessidades de se manter um atributo `name` em uma tag `HTML`?
Quais as necessidades de se manter um atributo name em uma tag HTML? suas características são iguais as do atributo id que ainda possui outras utilidades como ser a chave dos arrays $_POST e $_GET do ...
12
votos
3respostas
4mil visitas
Estilizar um input type='number' para trocar as setas
Como personalizar o input type='number' como a imagem a seguir?
Clicando no +/- soma ou subtrai o número dentro do box.
Atualmente meu código é:
.bedrooms
= f.input :bedrooms, :label => ...
12
votos
3respostas
525 visitas
Uma imagem com display:none é carregado? Consome dados?
Estou desenvolvendo um layout responsivo e gostaria de diminuir o tamanho das imagens conforme a resolução.
Eu utilizei o display: none porém vi no inspetor de elementos que ela está sendo carregada....
12
votos
3respostas
286 visitas
Existe diferença de performance entre “echo” de um conteúdo e o conteúdo no HTML?
O uso do echo do PHP para exibir na tela um conteúdo qualquer difere em performance de usar esse mesmo conteúdo direto no HTML?
Por exemplo, se eu usar num arquivo PHP:
<?php echo "<p>Seja ...
12
votos
1resposta
394 visitas
Como customizar a seta padrão da tag <details>?
Estou usando a tag HTML5 <details> para que o usuário, ao clicar, visualize algumas informações de uma determinada palavra. Por exemplo:
<details>
<summary>JavaScript (Clique ...
12
votos
2respostas
121mil visitas
Colocar uma imagem de background e deixa-la responsiva
Estou tendo um problema ao colocar uma imagem de background em minha página. Fiz uns testes e fica dessa forma quando altero o tamanho da janela:
Quando deixo maximizado fica certo:
Como posso ...
12
votos
2respostas
10mil visitas
Adicionando dinamicamente elemento com jQuery
Tenho montado a seguinte estrutura em HTML:
<form name="criaModelo" method='post' action=''>
<label for="name">
<strong>Nome:</strong>
<input name="nomeModelo" ...
12
votos
4respostas
23mil visitas
Transformar HTML em PDF [fechada]
Observei que no site do Banco do Brasil é possível escolher o formato de saída de um comprovante de pgto em txt, pdf, csv sem a necessidade de submeter novamente a página.
Existe alguma biblioteca que ...
12
votos
2respostas
315 visitas
document.getElementById('ID').func(…) vs ID.func(…) [duplicada]
Ontem deparei-me com uma coisa curiosa, não fazia ideia que dava para fazer desta maneira.
Até agora eu fazia da seguinte maneira:
document.getElementById('a').innerHTML = 'CONTENT';
<div id=...
12
votos
1resposta
3mil visitas
Para que serve o tipo “application/ld+json” em uma tag <script>?
Estava olhando o código fonte da página do Kickass e este trecho me chamou a atenção:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "WebSite",
"url": "...
12
votos
2respostas
561 visitas
Como animar a exibição de elementos de tamanho dinâmico somente com CSS?
Estou construindo um site que possui algumas transições de estados usando somente CSS. Em um deles o usuário clica no cabeçalho e a div abaixo exibe ou esconde. No outro há uma sequência de imagens e ...
12
votos
1resposta
694 visitas
O que é baseline?
Estudando Flexbox (tipo de leiaute em HTML/CSS), me deparei com esse conceito de baseline, que nunca tinha visto antes:
align-items
...
...
baseline: itens são alinhados de forma que seus baselines ...
12
votos
4respostas
2mil visitas
Como obter porcentagem de carregamento de página?
Como obter o tamanho de uma página e o quanto ela foi baixada para calcular a porcentagem de seu carregamento. Mas gostaria de não usar nenhum framework, apenas JS puro.
Na verdade quero tentar isso.
12
votos
1resposta
8mil visitas
Listar estados, cidades e bairros em formulário de cadastro [fechada]
Tenho uma tabela chamada "anuncio", onde preciso cadastrar as informações vindas de outras 03 tabelas, são elas:
Tabelas de Estados, Cidades e Bairros.
O objetivo é de que o proprio usuario faça o ...
12
votos
2respostas
30mil visitas
Alinhamento vertical de texto com CSS
Como posso alinhar esse texto "Adote o ritmo da natureza: o segredo dela é a paciência", verticalmente e horizontalmente dentro do campo branco?
Usei o seguinte código:
<ul>
<li>
...
12
votos
2respostas
6mil visitas
Como esconder um sub-menu visível ao clicar em outro menu em JS?
Eu tenho o script abaixo para usar em um menu. Ele troca a visibilidade de um elemento específico pelo seu ID. Ao clicar em um menu principal, abre um submenu.
Existe alguma maneira de alterar o ...
12
votos
2respostas
3mil visitas
Qual e a diferença do @import do css e do Link do html?
Criei um arquivo contendo padrões de css que são usados no meu sistema.
Gostaria de saber qual e a diferença entre chamar o css pelo link ou pelo @import assim:
/* ou dentro do codEventos.css */
...
12
votos
1resposta
1mil visitas
Como detectar que a div foi rolada até o final?
Preciso saber se a uma determinada div foi rolada até o final, utilizando jQuery. Estou tendo problemas pois a altura da div não é constante. O objetivo é que a rolagem automática da div não ocorra, a ...
12
votos
1resposta
923 visitas
Minify código HTML
É normal vemos arquivos em JavaScript minificados, para ganho de performance.
Hoje vemos alguns sites que minificam tudo, inclusive o próprio código HTML, como por exemplo este daqui. (use a opção de ...
12
votos
3respostas
2mil visitas
Como setar um max-width a uma div que aumenta e diminui proporcionalmente?
Minha div que aumenta ou diminui proporcionalmente está com estilo de:
padding-bottom: 75%;
Olhem esse exemplo: JSFiddle
O que eu quero é que a div que cresce proporcionalmente trave o tamanho, ...
12
votos
2respostas
6mil visitas
Abrir WhatsApp quando clicar no ícone
Alguém sabe como fazer com que ao clicar no ícone do WhatsApp em um site pelo smartphone, alguma função abra o aplicativo e já inicie uma conversa no número definido no link do site?
Imagine um ...
11
votos
7respostas
53mil visitas
Marcar/Desmarcar Checkbox a partir de um botão
Gostaria de usar um botão para poder Marcar/Desmarcar checkbox.
Tenho esse botão que chama uma função, vejam:
<button
class='btn btn-large'
type='button'
title='Todos'
id='todos'
...
11
votos
3respostas
16mil visitas
Qual é Diferença Entre HTML.ActionLink vs Url.Action?
Lendo alguns tutoriais de ASP.NET MVC encontrei esses dois helpers sendo utilizados para fazer basicamente a mesma coisa, que era direcionar o usuário para uma nova view.
Então gostaria de saber se ...
11
votos
3respostas
23mil visitas
Como bloquear caracteres especiais em campo
Como não permitir que o usuário insira caracteres especiais tais como *-/+.,:;[]{}ªº^~?<> no campo da pergunta?
11
votos
3respostas
176 visitas
Por que o CSS funciona com elementos “falsos” do HTML?
Vi alguns exemplos como esse na internet, mostrando que elementos do html com nomes personalizados funcionam em relação a aplicação de estilos css.
elementofake {
color:red;
font-size:30px;
...
11
votos
5respostas
1mil visitas
Prós e contras de uma aplicação web 100% HTML/JavaScript
Estou seriamente pensando de desenvolver uma aplicação web, utilizando somente HTML/JavaScript no client-side para ganho de desempenho e pelo qual, toda e qualquer comunicação necessária com o ...
11
votos
5respostas
16mil visitas
Ignorar CSS em determinado trecho da página
Vamos supor que tenho algum CSS do tipo:
#foo input {
background-color: black;
color: white;
/* seguem mais um milhão de propriedades */
text-align: center;
z-index: 9000;
}
Todo ...
11
votos
3respostas
1mil visitas
É uma má prática colocar números como id em elementos HTML? Se sim por quê?
Eu tenho um loop printando elementos HTML, por exemplo:
for($i = 0; $i < 3; $i++){ echo "<div id='$i'>$i</div>"; }
É uma má prática colocar números como id em elementos HTML? Se sim ...
11
votos
5respostas
10mil visitas
Como marcar e desmarcar uma linha de uma tabela clicando sobre ela?
Ao clicar em uma linha de uma tabela, como marcar ela mudando a cor do fundo da linha, e se clicar novamente desmarcar o fundo, e se clicar em outra linha desmarcar a antiga marcada e marcar a nova.
...
11
votos
5respostas
27mil visitas
Reset nos campos input após submit com Jquery
Fazendo o envio dos valores dos campos input através de JQuery para uma página PHP consigo efetuar a ação sem dar "refresh" na página principal porém, não consigo fazer com que os campos input voltem ...
11
votos
3respostas
1mil visitas
Quais são os elementos permitidos dentro da tag <P>?
Já passei por alguns problemas e ainda pude contemplar nessa resposta que a tag <p> não aceita qualquer elemento como filho.
Me parece que existem exceção de umas tags, ou seja, elas podem ser ...
11
votos
3respostas
5mil visitas
Como criar uma caixa com linhas dos dois lados só com CSS
Estou querendo uma ajuda de por onde começar para conseguir criar uma estrutura totalmente em css como na imagem abaixo.
Sei que isso pode parecer muito simples, mais não to conseguindo começar.
11
votos
3respostas
17mil visitas
Como fazer um preview de uma imagem carregada em um input do tipo “file”?
Descrição:
Tenho um exemplo aqui de como esta funcionando o meu sistema.
Link do EXEMPLO
HTML
<input type=file>
<input type=button class=hide value="Adicionar outro">
JAVASCRIPT
...
11
votos
3respostas
62mil visitas
Exibir arquivo PDF no corpo da página HTML
Estou criando uma página HTML e gostaria de saber se é possível exibir um arquivo PDF no corpo da página, de forma que ele possa ser visualizado sem ter que abrir o arquivo ou fazer download.
Ou ...
11
votos
3respostas
142 visitas
Como colocar trecho Html em todos os elementos filhos menos no último?
Tenho uma tabela gerada dinamicamente, e quero colocar um input dentro de cada td. Eu consigo pegar o id do tr, então eu faço:
$("#id").children().html("<input type='text' value='" + valor + "' /&...
11
votos
1resposta
21mil visitas
Enviar email com anexos em php
Estou a enviar um email, funciona tudo bem. Agora queria adicionar alguns ficheiros como anexo. Tenho o seguinte código:
$from = $_SESSION['email_cliente'];
$email_destino = "teste@teste.com";
$...
11
votos
2respostas
620 visitas
No HTML o que é um Checkbox Indeterminado e como usar esse status junto com o CSS?
Até onde eu sabia um input do tipo Checkbox poderia ter três estados, checado, não checado e desabilitado. Mas parece que ele tem um quarto estado que é o indeterminado.
Veja na imagem um comparativo ...
11
votos
2respostas
902 visitas
Como posso simular um placeholder utilizando uma 'label'?
Estou tentando fazer com que o label simule um placeholder fixo.
A maior dificuldade é alterar as propriedades do label quando o input recebe o focus, e o input preencher o resto do espaço ...
11
votos
3respostas
337 visitas
Diferença entre validação e máscara
Estou fazendo validações de formulário. Quanto a validação, tudo ocorre bem, mas como formatar os campos de acordo com o dado digitado?
Exemplo: num campo de data, as barras são adicionadas ...
11
votos
1resposta
722 visitas
Construir um prédio “3D” com HTML, CSS e JS
Como eu posso reproduzir a imagem abaixo utilizando HTML, CSS e JS (talvez imagens)? O números de "andares" é imprevisível e cada "andar" deve ser "clicável", um <a href="#"></a>, ou algo ...
11
votos
1resposta
1mil visitas
Colocar texto lado a lado
Não sei se é possível, mas eu gostaria de saber se eu consigo por um texto dividido em duas colunas?
11
votos
3respostas
2mil visitas
Calculo automático em caixa de texto
Bom dia. Existe alguma forma de quando o usuário digitar isso em uma caixa de texto:
Um script executar a conta automaticamente e resultar, neste caso, =1 ?
É importante também que ele faça isso com ...
11
votos
7respostas
3mil visitas
Esconder value de input
Preciso esconder/remover o value do meu input, mas não estou conseguindo de forma alguma, onde estou errando? Muito Obrigado
HTML:
<div class="caixa-pesquisa">
<div class="caixa-pesquisa-...
11
votos
3respostas
9mil visitas
Certificado Digital A3, e-CPF, como acessar as informações com JavaScript
Estou tendo que desenvolver uma aplicação, que para fins de segurança, se faz necessário o uso de um e-CPF pelos usuários ao tentarem logar.
Só preciso verificar se o número do e-CPF confere com o CPF ...
11
votos
3respostas
535 visitas
Simular placeholder no IE8
Estava lendo aqui a documentação e parece que o atributo placeholder não funciona no IE8. Teria algum modo de simular o placeholder que vocês utilizam?
Exemplo de HTML que não funciona no IE8:
<...
11
votos
2respostas
4mil visitas
Como carregar imagem padrão caso o src=“” não encontre?
Existe alguma forma de carregar uma imagem padrão, usando apenas HTML, caso o primeiro src="" não encontre o arquivo?
<img src="ola_mundo.png" alt="Olá Mundo"> // Existe algum atributo para ...
11
votos
3respostas
1mil visitas
Adicionar e remover estilos de determinada selecção ao clicar num botão
Tenho uma função em javascript que aplica um determino estilo em algumas classes, e gostaria de saber como faço para tirar esste estilo clicando no mesmo botão.
var botao = document.getElementById("...
11
votos
2respostas
7mil visitas
Para que serve aquele “sr-only” do Twitter Bootstrap?
Estudando a documentação fiquei com dúvidas: para que realmente serve a classe sr-only do bootstrap?
11
votos
2respostas
390 visitas
Círculo com borda curvada
fui encarregado de fazer um site, e estou com dificuldade em fazer um detalhe em CSS
Preciso fazer uma borda redonda que tenha um final curvado, para vocês entenderem melhor, vou mostrar foto e ...