html 相关问题

HTML(超文本标记语言)是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示,使其成为标记语言,而不是编程语言。 HTML主要与CSS和JavaScript结合使用,为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

我无法在 Python 中使用 Selenium 选择特定选项

我正在尝试使用 Selenium 和 Python 选择此标签中的选项“Yazar”。但是,我无法单击此按钮并选择选项“Yazar”。怎么做? 我正在尝试使用 Selenium 和 Python 选择此标签中的选项“Yazar”。但是,我无法单击此按钮并选择选项“Yazar”。如何做到这一点? <div class="col-md-8 col-sm-8 col-xs-8 form-group has-feedback"> <div class="btn-group bootstrap-select form-control required"> <button type="button" class="btn dropdown-toggle bs-placeholder btn-default" data-toggle="dropdown" role="button" data-id="frmAkademiUnvan" title="Lütfen Seçiniz"> <span class="filter-option pull-left">Lütfen Seçiniz</span>&nbsp;<span class="bs-caret"> <span class="caret"> </span> </span> </button> <div class="dropdown-menu open" role="combobox"> <ul class="dropdown-menu inner" role="listbox" aria-expanded="false"> <li data-original-index="1"> <a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> <span class="text">Yazar</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> <li data-original-index="2"> <a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> <span class="text">Senior Author</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> <li data-original-index="3"> <a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> <span class="text">Corresponding Author</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> <li data-original-index="4"> <a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> <span class="text">Eşit Katkılı Yazar</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> <li data-original-index="5"> <a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> <span class="text">Lisansüstü Öğrenci</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> <li data-original-index="6"> <a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> <span class="text">İkinci Danışman Yazar</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> <li data-original-index="7"> <a tabindex="0" class="" style="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false"> <span class="text">Tebliği Sunan</span> <span class="glyphicon glyphicon-ok check-mark"> </span> </a> </li> </ul> </div> <select id="frmAkademiUnvan" name="yazarTur" title="Lütfen Seçiniz" data-live-search="false" class="selectpicker form-control required" required="true" tabindex="-98"> <option class="bs-title-option" value="">Lütfen Seçiniz</option> <option value="1">Yazar</option> <option value="2">Senior Author</option> <option value="3">Corresponding Author</option> <option value="4">Eşit Katkılı Yazar</option> <option value="5">Lisansüstü Öğrenci</option> <option value="6">İkinci Danışman Yazar</option> <option value="7">Tebliği Sunan</option> </select> </div> </div> 我正在分享相关的Python代码。我运行此代码来选择特定选项。然而,它并没有选择“Yazar”选项: # 15) Choose author type with WebDriverWait lutfen_seciniz_span = WebDriverWait(driver, 10).until( EC.element_to_be_clickable((By.XPATH, "//span[contains(@class, 'filter-option') and contains(text(), 'Lütfen Seçiniz')]")) ) lutfen_seciniz_span.click() # Click on "Yazar" yazar_option = WebDriverWait(driver, 10).until( EC.element_to_be_clickable((By.XPATH, "//a[@role='option' and .//span[text()='Yazar']]")) ) yazar_option.click() 我没有收到任何错误消息。终端返回空白空间。 您需要使用Selenium的Select Class来处理下拉列表/选择列表元素。 请参考以下代码: wait = WebDriverWait(driver, 10) select_node = Select(wait.until(EC.element_to_be_clickable((By.ID, "frmAkademiUnvan")))) select_node.select_by_visible_text("Yazar") 进口: from selenium.webdriver.common.by import By from selenium.webdriver.support.wait import WebDriverWait from selenium.webdriver.support import expected_conditions as EC from selenium.webdriver.support.ui import Select

回答 1 投票 0

如何从php中的下拉列表中获取值和id?

我已经创建了带有下拉列表的 html 表单。 该下拉列表是从数据库填充的。 我已经创建了带有下拉列表的 html 表单。 此下拉列表是从数据库填充的。 <select name="classes"> <?php foreach() { ?> <option value="<?php echo $id ?>"><?php echo $name ?></option> <?php } ?> </select> 现在我想同时获取 $id 和 $name 。我该怎么做? 我已经尝试过这个 echo $_POST['classes']; 但它只显示所选项目的$id。我想要 $id 和 $name 两个。 你不能。一种可能性是将这两个信息放在 value 属性内,然后用 php 将它们再次分隔开(通过使用分隔符): <option value="<?php echo $id.'|'.$name; ?>"><?php echo $name ?></option> 在 PHP 中: $datas = explode('|',$_POST['classes']); $id = $datas[0]; $name = $datas[1]; 但这并不是系统本来的样子。通常 $name 只会用作用户的“友好”信息,因为该值有时可能只是一个 INT,而用户不会理解该 int 指的是什么,因此我们给他一个文字描述以便选择一个选项:但您实际上只关心该值,您始终可以使用它来再次获取随之而来的描述(例如通过搜索数据库) 据我所知,当您提交该表格时,只有价值会被结转。如果没有值,则内部 HTML 将成为值。 我要做的是: <select name="classes"> <?php foreach($classes as $id => $name) //i'm guessing here, is this what you meant? { ?> <option value="<?php echo $id.'|'.$name ?>"><?php echo $name ?></option> <?php } ?> </select> 如果您不熟悉,句点是连接运算符。把它想象成一根绳子的胶水。所以我将 $id 粘贴到“管道”的左侧,然后将 $name 粘贴到其末尾。 然后在处理程序中,使用 split 或explode 来分隔管道上的两个值。 实际上,我会做一些不同的事情,更多地回显,更少地进出 php/html,但我试图尽可能保持代码完整。 将名称附加到 Id 并将其作为值传递,并从另一端分解名称 您想要的是并命名两者,同时存储选项值, 像这样放 <option value="<?php echo $id."_".$name;?>"><?php echo $name?></option> 在发布数据时,只需爆炸您将获得的值和名称 发送表单意味着仅发送选择字段的“值”(仅将选项中的“名称”视为标签)。当您在处理表单提交时有“id”时,您可以简单地从数据库中获取“name”。

回答 0 投票 0

html 表格存在跨度问题

我正在尝试创建一个包含 colspan 和 rowspan 的表。 桌子 { 字体系列:arial、sans-serif; border-collapse: 折叠...</desc> <question vote="0"> <p>我正在尝试创建一个包含 colspan 和 rowspan 的表。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid black; text-align: left; padding: 8px; } .top { background-color: yellow; } .left { background-color: blue; } .right { background-color: green; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;HTML Table&lt;/h2&gt; &lt;table class=&#34;&#34;&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;2&#34; rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;3&#34; rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;top&#34; colspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; &gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;7&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;10&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;10&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> <p></p> <p>我想让最后的蓝色/绿色与前 4 行相同。但是当我将其更改为使用相同的 colspan 值时,结果如下。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid black; text-align: left; padding: 8px; } .top { background-color: yellow; } .left { background-color: blue; } .right { background-color: green; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;HTML Table&lt;/h2&gt; &lt;table class=&#34;&#34;&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;2&#34; rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;3&#34; rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;top&#34; colspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;10&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;10&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> <p></p> <p>它重新排列表格的宽度。我想根据 colspan 和 rowspan 保持初始宽度。</p> <p>我猜问题在于添加的 colspan/rowspan 值,但我不知道在哪里。</p> </question> <answer tick="false" vote="0"> <p>添加表格布局:固定;如下所示的表格CSS。</p> <pre><code>table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; table-layout: fixed; } </code></pre> <p>此外,您的第二个代码是正确的。您的表列没有数据。因此,该列的内容较少或没有内容,这意味着宽度主要受 colspan 的影响。如果单元格的 colspan = 5 并且没有太多内容,那么它可能看起来与多个单独的列具有相同的宽度。</p> <p>当我最初设置如下所示的 11 列时,您可以获得更正后的表格。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } td, th { border: 1px solid black; text-align: left; padding: 8px; } .top { background-color: yellow; } .left { background-color: blue; } .right { background-color: green; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;HTML Table&lt;/h2&gt; &lt;table class=&#34;&#34;&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;2&#34; rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;3&#34; rowspan=&#34;2&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;top&#34; colspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;5&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;left&#34; colspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td class=&#34;right&#34; colspan=&#34;8&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;10&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan=&#34;1&#34;&gt;&lt;/td&gt; &lt;td colspan=&#34;10&#34;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> <p></p> <p>但是当我们添加内容时,它会自动更改布局。因此,将CSS添加到表格中,并修复表格在添加内容时不改变布局的问题。</p> </answer> </body></html>

回答 0 投票 0

如何让文字装饰下划线延伸到页面的最大宽度?

如何让文字装饰下划线延伸到页面的最大宽度? 通常它只延伸到单词,但我希望该行填满整个页面。 我尝试使用 b...

回答 5 投票 0

如何让字体渲染得更大?

使用 CSS,我使用这一行来设置双语元素的样式: 字体系列:persianFont、englishFont; persianFont 和 englishFont 都是用 @font-face 定义的。问题是角色...

回答 3 投票 0

我不明白如何在本地正确添加我的扩展程序

我想使用绘图工具扩展。在我的 Autodesk Forge Viewer 中。当我下载这样的扩展时,它就可以工作。 https://github.getafreenode.com/autodesk-platform-services/aps-extensions/blob...

回答 1 投票 0

对齐右下角

我正在尝试将“门票”与 div 元素的右下角对齐。 元素的当前视图 我尝试了很多方法,但没有一个对我有用,有人可以帮忙吗? ...

回答 1 投票 0

如何将光标定位在搜索字段中占位符之后

我正在使用 Vue 作为一个小应用程序,并且我有一个输入类型搜索。问题是光标显示在输入的开头,但我希望它显示在占位符文本之后。 ...

回答 2 投票 0

如何使用html表格打印乘法表(代码是Javascript)?

这是我的代码,它工作得很好。我只是想通过使用 Html 表格来打印表格,并且还想在其上应用 bootstrap 来添加边框,乘法表以...

回答 3 投票 0

div“导航栏”的某些组件显示在导航栏之外,任何人都可以帮助我解决这个问题吗?

我试图创建一个关于排序可视化工具的反应项目, 该项目包括一个具有各种排序算法的导航栏组件和一个用于更改数组大小的滑块以及一个生成...

回答 1 投票 0

当我想调用它时,如何在正文中调用在 <head> 中声明的 JavaScript 函数

我在 HTML 页面的头部声明了一个有效的 JavaScript 函数。我知道如何创建一个按钮并在用户单击该按钮时调用该函数。我想在某个地方给自己打电话......

回答 4 投票 0

带线和弦的圆圈CSS

我需要在 CSS 中制作一个印章,里面有文本和 2 行和弦。 如图所示,邮票是圆形的。 邮票 有半径和直径的教程,但我还没有找到

回答 1 投票 0

如何在next.js中显示HTML内容

我想在 next.js 中显示 HTML 文件的内容。我了解到可以在 App.js 中使用angerouslySetInnerHTML 来实现此目的。 但是,我在使用它时总是出现空白屏幕。我已经...

回答 2 投票 0

是否有一个 <meta> 标签可以关闭所有浏览器中的缓存? [重复]

我读到,当您无法访问网络服务器的标头时,您可以使用以下方法关闭缓存: 但我也读到这并不...

回答 6 投票 0

减慢 domtoimage js 的时间

我正在使用domtoimage库将html(带有大量CSS)转换为图像。 实际上我需要高清晰度图像用于打印目的(600 DPI)。因此,为此我将 html 缩放(缩放)到 6.25(600/96) ti...

回答 1 投票 0

如何让这些卡片在 Flexbox CSS 中并排放置

我一直在尝试很多配置来让这 3 张卡片在使用 Flexbox 时并排显示。我已经调整了宽度和列/行。我哪里出错了? Flexbox 是最好的方法吗...

回答 1 投票 0

在 Chrome 中使用 python 将 HTML 文件另存为 PDF 时,页面大小规范不起作用

我想在 Chrome 上打开 HTML 文件并将其另存为 PDF, 我使用python编写了以下代码,但即使我将代码中appState中的“pageSize”设置为A3、A5、字母大小或其他...

回答 1 投票 0

NestJS中是否可以从html中获取内部文本

我向我的数据库发送了一个原始 html。但我想创建一个 slug,为此,我更喜欢使用 innerText 而不是 html。我想做 const div = document.createElement('div'); 分区

回答 1 投票 0

如果 h3 或 h4 的语义意义不太重要,它是否应该高于 h2?

我有一个带有眉毛的组件,眉毛下方有一个更大的标题。标题更大,对组件的整体主题更重要。眉毛更柔顺了...

回答 1 投票 0

HTML 如何在不知道按钮 id 或名称的情况下获取按钮的值

我正在尝试为项目构建数据库管理面板,我希望能够通过单击特定表行上的按钮来编辑特定条目。我需要一种方法来传递但是的值...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.