Questions tagged «html»

HTML(超文本标记语言)是用于创建网页和其他要在Web浏览器中显示的信息的主要标记语言。有关HTML的问题应包括一个可重现的示例,以及您要实现的目标的一些想法。此标记很少单独使用,通常与[CSS]和[javascript]配对使用。

1
如何“加载”依赖于页面加载的下拉菜单?
我有一个带有依赖项下拉列表的表格。只要所选的主要选项没有任何辅助选项,并且首次加载页面时,该辅助下拉菜单都将隐藏。每当提交表单时,由于大部分时间下拉列表都保持不变,因此仅清除第一个字段,但是,由于只要主下拉列表发生更改,脚本便会工作,因此加载并不构成更改,它只是将选择/提交的选项保留在主下拉菜单中,并且即使选择的主选项确实具有辅助选项,也只会显示一个空的辅助下拉列表。我从一个教程的下拉菜单中获得了大部分JS,因为我不太熟悉它。为了更直观地理解: 这是页面首次加载时的形式 当您选择具有次要选项的选项时,将出现另一个下拉列表 选择工作站并提交后,将清除Employee#,但其他两个应保留,但是,提交后重新加载页面时,看起来像这样,并且由于没有调试器,工作站已根据调试器清除从技术上讲。我不太关心站点清理,但更关心的是没有不应该为空的空下拉菜单。 当我查看保留在表单中的数据时,仅保留了工作区,因为只有从下拉菜单中选择另一个选项,并且希望再次看到Box Assembly选项时,依赖下拉列表才会加载,则必须单击另一个选项,然后返回到Box Assembly(例如) 我该如何解决这个问题?有没有一种方法可以强制javascript首先尝试加载,以便它检查剩余的选项是否确实具有次要选项,无论它是否已被触发? 表格 class WarehouseForm(AppsModelForm): class Meta: model = EmployeeWorkAreaLog widgets = { 'employee_number': ForeignKeyRawIdWidget(EmployeeWorkAreaLog._meta.get_field('employee_number').remote_field, site, attrs={'id':'employee_number_field'}), } fields = ('employee_number', 'work_area', 'station_number') def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.fields['station_number'].queryset = Station.objects.none() if 'work_area' in self.data: try: work_area_id = int(self.data.get('work_area')) self.fields['station_number'].queryset = Station.objects.filter(work_area_id=work_area_id).order_by('name') except …

2
如何使标记动态标记正在进行的任何地方
我的标记有问题,我希望标记可以拉伸以标记进度条上的任何位置 如下图所示 问题:我想选择进度条上的任意点并能够拉伸标记,该标记可以是多个标记点。 我不知道如何使用下面的代码: var player = videojs('demo'); player.markers({ markerStyle: { 'width':'9px', 'border-radius': '40%', 'background-color': 'orange' }, markerTip:{ display: true, text: function(marker) { return "I am a marker tip: "+ marker.text; } }, breakOverlay:{ display: true, displayTime: 4, style:{ 'width':'100%', 'height': '30%', 'background-color': 'rgba(10,10,10,0.6)', 'color': 'white', 'font-size': '16px' }, text: …

5
使用CSS,如何“紧密”对齐“ A”与“ B”的底部/末端,其中“ B”的宽度和文字环绕未知
我有一个“可排序”表,其中当前排序列的标题显示一个图标: 排序图标将显示在文本的末尾(即,我们支持LTR / RTL)。我目前正在使用display:flex。但是,如果表的宽度缩小并且列标题文本开始换行,则我将进入不清楚的状态,即不清楚对哪一列进行排序: 相反,我想满足以下要求: 图标始终与最长文本行的“结尾”“紧密”对齐(即使换行单元格/按钮较宽)。 图标也应与文本的最后一行在底部对齐。 该图标绝对不能缠绕在自己的一行上。 该按钮必须存在并且应跨越单元的整个宽度。(它的内部样式和标记可以根据需要更改。) 仅在可能的情况下使用CSS和HTML。 它不能依赖已知/设置的列宽或标题文本。 例如: 我一直在尝试了一堆的不同组合display: inline/inline-block/flex/grid,position,::before/::after,甚至float(!),但无法获得所需的行为。这是我当前的代码演示问题: .table { border-collapse: collapse; width: 100%; } .thead { border-bottom: 3px solid #d0d3d3; } .thead .tr { vertical-align: bottom; } .button { padding: 1rem; text-align: start; font-family: Arial, "noto sans", sans-serif; font-size: 0.875rem; border: 0; background-color: …

6
侧边栏默认在桌面上打开,在移动设备上关闭
我在尝试使侧边栏/导航内容(使用Bootstrap)在桌面上默认显示(展开)并在移动设备上默认关闭并且仅在移动设备上显示图标时遇到了一些实际麻烦。我似乎无法使它正常工作。 <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <i class="fa fa-bars menu-close d-lg-none" id="menu-toggle"></i> </button> <div id="menu-logo"> <img src="Final_Logo.png" width="210" height="214" alt=""> </div> <div id="navbarToggleExternalContent"> <ul id="main-menu"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Writing</a> <a href="#">Events</a> <a href="#">Speaking</a> <a href="#">Music</a> </ul> <ul id="social-icons"> …

2
如何构建Web组件自定义元素以同时使用这两个规范
我需要建立一个应该需要工作与两个规格,组件custom elements spec v0它得到了过时和custom elements spec v1,最新的稳定版本。 如果我使用custom elements v0规范构建组件,则由于某些应用正在使用polymer 2和使用上述规范,因此它们将面临问题,而polymer 1与custom elements v1规范不兼容的应用将面临同样的问题。 我无法控制更改Polyfill的应用程序,某些应用程序必须使用支持旧规范的Polyfill,而某些应用程序使用新的Polyfill。 我正在寻找一个可靠的解决方案,以结合这两个规范以在所有应用程序中运行我的自定义元素,而不管polyfills版本如何。我可以在组件中添加任何polyfill或代码段,以便它们可以在任何地方运行,但我还没有找到支持我的两个规范的库或polyfill。 我打算编写一个适配器,该适配器可以结合下面提到的用于绑定回调的映射之类的两个规范,对此的意见将不胜感激。 connectedCallback(){ this.attachedCallback(); } 我尝试使用stenciljs,但它只能与最新版本的自定义元素规范一起使用。我还没有找到任何方法来对其进行调整以使其与早期规范兼容。 请针对上述情况提出一些可行的替代方案和可行的解决方案。

3
如何解决`SameSite`属性
我看着控制台,注意到这些警告 设置了与http://google.com/上的跨站点资源关联的cookie ,但未设置SameSite属性。如果将跨站点请求的Cookie设置为SameSite = None和Secure,则将来的Chrome版本将仅提供具有跨站点请求的cookie。您可以在“应用程序”>“存储”>“ Cookies”下的开发人员工具中查看Cookie,并在https://www.chromestatus.com/feature/5088147346030592和https://www.chromestatus.com/feature/5633521622188032上查看更多详细信息。 怎么解决呢?
9 php  html 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.