html 相关问题

如何每行创建 4 个弹性盒容器

我只是想将我拥有的 8 个弹性盒项目（名称：products-box）移动到每行 4 个。这是我到目前为止所拥有的： *{ 框大小：边框框； 填充：0； 保证金：0； } 身体{ ...

如何在 html css js 中多次折叠行

TO ACHIVE：多次冻结标题、冻结第一列和折叠行。 已实现：冻结标题、冻结第一列并仅折叠一次。 到目前为止我的代码： <...

CSS 样式未应用，或应用后消失

文字颜色和背景不变。在其他项目中，一切都完全失败了 更新 F5 页面和 CTRL + F5 没有帮助。在 VS code 中运行 Open live server 时，它显示...

我的 JavaScript 代码无法在 Visual Studio Code 中运行

我的第一个网页 我的第一段。 document.getElementById...</desc> <question vote="0"> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;h2&gt;My First Web Page&lt;/h2&gt; &lt;p&gt;My First Paragraph.&lt;/p&gt; &lt;p id=&#34;demo&#34;&gt;&lt;/p&gt; &lt;script&gt; document.getElementById(&#34;demo&#34;).innerHTML = 5 + 6; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>这是来自 w3schools.com 的基本 javascript 程序。以下程序必须返回 11(5+6)。但它只返回我的第一个网页和我的第一段。</p> </question> <answer tick="false" vote="0"> <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;body&gt; &lt;h2&gt;My First Web Page&lt;/h2&gt; &lt;p&gt;My First Paragraph.&lt;/p&gt; &lt;p id=&#34;demo&#34;&gt;&lt;/p&gt; &lt;script&gt; document.getElementById(&#34;demo&#34;).innerHTML = 5 + 6; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> </div> </div> <p></p> <p>它运行完美，请看下面的输出。可能是您没有正确保存更改。</p> </answer> </body></html>

如何为 HTML 创建自定义标签

如何为 HTML 创建具有特殊属性和行为的自定义元标记？

开发全栈应用程序（Vue + Express.js）时如何处理 cookie 问题

当我开发全栈应用程序时，我使用 vue，其主机位于端口 5173 上，express 主机位于端口 3000 上。 我遇到的问题是我无法将前端的凭据发送/保存到

如何在 Flask Html 中正确访问 python 字典中另一个键中的键、值？

我有一个 Flask 应用程序，在我的其中一个路线中，我试图制作一个根据用户选择进行更改的页面。例如： 健身房课程页面。 如果用户选择游泳，页面将会改变...

301永久搬家

我正在尝试通过Java中的URL获取HTML。但 301 永久搬家是我所拥有的一切。其他网址有效。怎么了？这是我的代码： hh=新网址(“http://hh.ru”); in = 新的 BufferedRead...

无法使用 <calcite-input> 组件通过 HTML 表单上传文件（“无法在 'HTMLInputElement' 上设置 'value' 属性”）

我收到控制台错误 DOMException: 无法在“HTMLInputElement”上设置“value”属性：此输入元素接受文件名，该文件名只能以编程方式设置为空 st...

输入类型“datetime-local”的日期时间格式是什么

我有一个 ASP.NET Core 6.0 MVC 项目。我从 sql 获取日期数据并将其显示在 html 页面中。问题是，我的日期输入从未填满。 HTML部分是： 我有一个 ASP.NET Core 6.0 MVC 项目。我从 sql 获取日期数据并将其显示在 html 页面中。问题是，我的日期输入从未填满。 HTML 部分是： <input type="datetime-local" value="@Model.Date" class="inputwidth"> 我的模型日期格式是 day.month.year 00:00:00 我使用了几种格式，但都不起作用。我应该使用什么格式以及如何转换它？ 应该没关系，但这是ISO8601。如果 Model.Date 是 DateTime 绑定就可以工作。 System.DateTime没有格式，它是一个二进制值。事实上，该值在内部存储为 long 刻度计数。所有数据库（SQLite 除外）中的日期类型也没有格式，它们也是二进制值。 无论显示什么文本，输入的值将始终采用 ISO8601 形式。来自 Mozilla 的文档 input type='datetime-local' 需要注意的是，显示的日期和时间格式与实际值不同；显示的日期和时间根据操作系统报告的用户区域设置进行格式化，而日期/时间值始终采用 YYYY-MM-DDThh:mm 格式。例如，当上面的值提交到服务器时，它会看起来像partydate=2017-06-01T08:30。 假设 Date 属性是 DateTime，ASP.NET Core 会将其值绑定到 input 元素的 Value 属性并自动返回。 名称 datetime-local 用于提醒开发人员，input 元素代表最终用户的时间，而不是服务器的时间或 UTC。没有 datetime 或 datetime-UTC 类型。

如何在Flexbox中垂直对齐不同高度的图像？

尝试让所有图像都在弹性框中居中，并且所有图像也彼此内联（也就是每个图像的中心沿着同一轴）。我知道这可能是 p...

如何让图片逐渐/平滑响应（先减小宽度，再减小高度）

我有一个图像，我希望在响应模式下能很好地看到，不幸的是，由于它的宽度很大，它的高度在手机上太小了！ 有一种方法可以设置平均高度，以便...

为什么 DaisyUI 会改变 Tailwind 默认渲染方式？

在设置 tailwind 和 daisyui 项目时，我注意到 daisyui 改变了 tailwind 默认呈现的方式。 为什么使用daisyui时不渲染整个页面的绿色背景？ ...

“折线”（svg）中的动画“点”似乎在 iOS（不是 macOS）上有 512 限制/错误

我有一个 SVG，里面有一条折线。 在桌面、Android、macOS 上，动画效果非常好。 该线从左侧开始向右绘制。 在 iPadOS 和 iOS 上，动画...

asp.net中下拉多个列表选择

这是默认下拉单选无复选框无按钮列表代码（在WebAPP.NET框架中）： 这是默认下拉单选无复选框无按钮列表代码（在WebAPP.NET框架中）： <asp:SqlDataSource ID="SqlDataSource3" runat="server" ConnectionString="<%$ ConnectionStrings:ODWConnectionString_Live %>" SelectCommand="SELECT DISTINCT ISNULL(NULLIF(CZF_ODW, 'NA'), 'Other') AS CZF_ODW FROM dbo.WebAppTestView;"></asp:SqlDataSource> <td class="required" align="right" style="text-align: right;"> <span class="catchment">Catchment Zone:</span> </td> <td> <asp:DropDownList ID="ddlField1" runat="server" CssClass="textfield" Width="200px" OnSelectedIndexChanged="ddlField1_SelectedIndexChanged" style="width: 182px; margin: 9px;" DataSourceID="SqlDataSource3" DataTextField="CZF_ODW" DataValueField="CZF_ODW" AppendDataBoundItems="true"> <asp:ListItem Value="All"></asp:ListItem> </asp:DropDownList> </td> </td> 需要将上面的下拉列表代码转换为带按钮的多选复选框下拉列表。 好吧，如果可能的话，使用列表框可以进行多项选择，但当然会占用更多的屏幕空间。 asp.net 中没有内置的多选组合框（DropDownList）。 因此，您可以采用第三方库。一个相当常见的选择是名为 select2 的 jQuery 插件。 下一个问题是 select2 加载项无法与 asp.net DropDownList 很好地配合，但如果您放入 HTML“select”元素，它确实可以正常工作。 事实证明 DropDownList 无论如何都是基于 HTML select 元素的。事实上，如果您使用 runat="server" 标记选择，那么您的功能与下拉列表非常相似。唯一缺少的功能是 autopostback="true"。而且你没有注意到你是否需要这种能力。 让我们构建一个示例，并假设我们需要组合框的自动回发。 为此，我们添加 JavaScript onchange 事件（客户端），然后只需单击表单上的按钮即可。该按钮（最终）应该用 style="display:none" 隐藏。 因此，我们的标记如下所示： <div style="float: left"> <h4>Select Multiple Cites</h4> <select id="DropDownList1" runat="server" clientidmode="static" datatextfield="City" multiple="true" style="width: 500px" onchange="mychange()"> </select> <script> function mychange() { $('#Button1').click() } </script> </div> <div style="float: left; margin-left: 35px; margin-top: 40px"> <asp:Button ID="Button1" runat="server" Text="Show Hotels" ClientIDMode="Static" CssClass="btn" OnClick="Button1_Click" /> </div> <div style="clear: both; height: 20px"></div> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="table" Width="40%"> <Columns> <asp:BoundField DataField="FirstName" HeaderText="FirstName" /> <asp:BoundField DataField="LastName" HeaderText="LastName" /> <asp:BoundField DataField="HotelName" HeaderText="HotelName" /> <asp:BoundField DataField="City" HeaderText="City" /> <asp:BoundField DataField="Description" HeaderText="Description" /> </Columns> </asp:GridView> <script> $(document).ready(function () { console.log("on page load select2 combo box setup") $('#DropDownList1').select2() }); </script> 我们背后的代码是这样的： Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load If Not IsPostBack Then LoadData() End If End Sub Sub LoadData() Dim rstHotels As DataTable rstHotels = MyRst("SELECT City FROM tblHotels WHERE City is not null GROUP BY City") DropDownList1.DataSource = rstHotels DropDownList1.DataBind() End Sub Protected Sub Button1_Click(sender As Object, e As EventArgs) LoadGrid() End Sub Sub LoadGrid() Dim strSQL As String = "SELECT * FROM tblHotelsA" Dim strWhere As String = "" Dim cmdSQL As New SqlCommand() Dim ParamCount As Integer = 0 Dim sP As String = "" For Each MyPick As ListItem In DropDownList1.Items Debug.Print($"Item = {MyPick.Text} selected = {MyPick.Selected}") If MyPick.Selected Then If strWhere <> "" Then strWhere &= "," ParamCount += 1 sP = $"@P{ParamCount}" strWhere &= sP cmdSQL.Parameters.Add($"@P{ParamCount}", SqlDbType.NVarChar).Value = MyPick.Text End If Next If strWhere <> "" Then strSQL &= $" WHERE City IN ({strWhere}) " End If strSQL &= " ORDER BY HotelName" cmdSQL.CommandText = strSQL Dim dt As DataTable = MyRstP(cmdSQL) GridView1.DataSource = dt GridView1.DataBind() End Sub 请注意，在上面，我们仍然使用 SQL 参数，因此代码不会受到潜在的 SQL 注入的影响。 当然，如果您不需要也不希望自动回发，那么您可以删除按钮以及附加到 select 元素的 onchange JavaScript 代码。

如何将元素在图像上（垂直）居中？ [已关闭]

我希望记分板垂直居中。我尝试了不同的方法，但它们就是行不通，可能是覆盖了 CSS 代码，但我不知道。 （https://i.sstatic.net/M6JCLCKp.png...

Angular - 如何从 mat-list-text 中删除 padding-right？

我正在尝试向 mat-list-item 添加一个按钮。这是我当前的 HTML 模板代码： 我正在尝试向 mat-list-item 添加一个按钮。这是我当前的 HTML 模板代码： <mat-selection-list [multiple]="false" [class.selected]="currentItem" formControlName="itemListControl" > <mat-list-option *ngFor="let item of items" [value]="item.id" > <div style="display: flex; justify-content: space-between; align-items: center"> <div style="display: flex; align-items: center"> {{ item.name }} </div> <button mat-icon-button> <mat-icon>edit</mat-icon> </button> </div> </mat-list-option> </mat-selection-list> 当我在浏览器中检查站点时，我可以看到有一个 16px 的填充，它将按钮移动到列表项内的左侧： 我已经尝试通过将其添加到组件的 scss 文件中来删除它： .mat-list-item { padding-right: 0 !important; } 由于某种原因，这没有任何效果。看起来这甚至根本没有应用于该元素。我做错了什么以及如何摆脱这种填充（不会造成任何潜在的不良副作用）？ 请按如下方式使用。会起作用的。 .mat-list-text { padding-right: 0 !important; } 谢谢！ 使用整个选择器（而不是仅仅使用 .mat-list-text，复制上图中突出显示的 css 的所有选择器部分）来删除填充，角度材质很难修改。不要忘记添加 !important 。我以前必须这样做。我希望它也对你有用。 步骤1 在您的 component.ts 文件中添加： encapsulation: ViewEncapsulation.None 步骤2 在你的 css 文件中添加新的类自定义选项： .mat-list-option.mat-list-option.custom-option { .mat-list-text { padding-right: 0px !important; } } 步骤3 在您的 .html 文件中将新类添加到您的 mat-list-option 中： <mat-list-option ... class="custom-option"> （注：这是在 Angular V15 上测试的）

在 HTML 应用程序 (.hta) 文件中编码 .ico

更新：我将页面上显示的图像更改为编码版本，而不是引用外部图像。我能够将图像放入 Base64 转换器，然后复制并粘贴...

如何在React Native中实现实体盒阴影效果？

有没有其他人尝试在 React Native 中实现这一效果？： 具有实体阴影效果的组件，可产生深度错觉。 你可能知道 React-Native 不支持 CSS box-sh...

Node.JS 重定向没有效果，也没有错误

我正在使用 Node.JS 制作一个应用程序，当我尝试将用户从登录页面重定向到另一个页面时，没有任何反应。 我使用了这个登录功能，其中使用了 res.redirect(307,...