Perguntas com a marcação «html»

HTML (HyperText Markup Language) é a principal linguagem de marcação para criar páginas da web e outras informações a serem exibidas em um navegador da web. As perguntas relacionadas ao HTML devem incluir um exemplo mínimo reproduzível e uma idéia do que você está tentando alcançar. Essa tag raramente é usada sozinha e geralmente é combinada com [CSS] e [javascript].

5
converter html em html string no arquivo JS
Eu quero criar algum html via JS, portanto, preciso escrever o html dentro do arquivo JS como: function createHtmlSection() { return "<li class=\"chapter up-wrapper-btn\">" + "<div>" + "<button><i class=\"fa fa-plus\" onclick=\"addSection('up',this)\"></i></button>" + "<label contenteditable=\"true\">section 1</label>" + "</div>" + "</li>"; } existe uma ferramenta ou algum atalho para criar esse tipo …
14 javascript  html 
5
Como evitar que o Chrome oculte imagem e cor de plano de fundo em uma entrada de preenchimento automático
O preenchimento automático do navegador Chrome removeu o efeito de background-colore background-imagede Usernamee Passwordcampos de entrada. Antes do preenchimento automático Após o preenchimento automático Mas o preenchimento automático do navegador Chrome oculta meus ícones das entradas e também altera meus background-color. Então, eu preciso que meus ícones permaneçam nas entradas …
5
O rótulo HTML não aciona a respectiva entrada se o mouse for movido ao clicar no Firefox
No exemplo a seguir, quando você clica no rótulo, a entrada muda de estado. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> Executar snippet de códigoOcultar resultadosExpandir snippet No Chrome, quando você move o cursor entre …
13 javascript  html  css  label 
6
Desenhando setas acima do HTML
Eu tenho uma tabela html e quero desenhar uma seta de uma célula para outra célula. Por exemplo, assim: Como isso poderia ser feito? Exemplo de HTML: <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> Se você redimensionar o navegador, a …
13 javascript  html  svg 
2
Filepicker HTML multi - obtenha arquivos em uso
O seguinte problema ocorreu usando o Firefox v73 na Janela 7: No meu código, eu uso um seletor de arquivos múltiplos em html para carregar até 100 arquivos paralelamente: <input type="file" id="files" name="files" multiple> Os arquivos serão enviados para uma API REST que os processará posteriormente. Quando seleciono um único …
2
Como posso obter o evento click dentro de um innerHTML?
Eu tenho esse layout que foi criado dinamicamente: for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"> </div> <div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"> <h4 class="name"><a href="#" id="title` + i + `">Name</a></h4> <h4> …
3
Tabela de página inteira do TCPDF
Tentei várias maneiras de ajustar a tabela à página (A4), como mostra a figura: pesquisei bastante, mas não encontrei nada útil na web. Estou usando tabela dinâmica, está tudo bem, exceto a largura da tabela. aqui está o meu código: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" class="bg-dark text-white">Code</th><th align="left" …
11 php  html  css  tcpdf 
1
Exibir gráfico de plotagem interativo (arquivo .html) nas páginas do GitHub
Eu criei a seguinte plotagem gráfica assim: import plotly labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen'] values = [4500, 2500, 1053, 500] trace = plotly.graph_objs.Pie(labels=labels, values=values) plotly.offline.plot([trace], filename='basic-pie-chart') Então eu criei o html como tal: print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div')) A execução do código acima gera um arquivo .html que posso ver no …
3
A pré-busca de link funciona entre subdomínios?
Eu tenho tentado usar algo assim para obter um aumento de desempenho ao clicar em uma página de destino simples para um aplicativo de página única e pesado: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script" /> <link rel="prefetch" href="https://example.com/app.css" as="style" /> Parece não ter um aumento perceptível no …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.