在选择元素的选项中,我可以使用HTML标签吗?

12 浏览
0 Comments

在选择元素的选项中,我可以使用HTML标签吗?

HTML select元素的选项是否可以包含HTML标签?

例如,给定以下代码:


我希望选项能够实际渲染为HTML。在这个应用程序中,我可以使用HTML、CSS、JavaScript(包括jQuery)。而HTML本身是通过Django(django.form.fields.select)进行渲染的。

0
0 Comments

可以使用HTML标签来设置select元素的选项吗?这个问题的出现是因为用户想知道是否可以在select元素的选项中使用HTML标签进行样式设置。然后用户提供了两个相关的链接,链接到了Stack Overflow网站上的两个问题,这些问题讨论了如何使用CSS样式设置select元素的下拉选项,而不使用JavaScript。但是这些链接并没有给出明确的答案。

根据用户提供的代码,可以尝试像这样使用HTML标签来设置select元素的选项样式。但是需要注意的是,代码中的<和>分别代表了<和>符号。

根据这些信息,我们可以得出结论,不能直接在select元素的选项中使用HTML标签来设置样式。然而,可以通过使用CSS来设置select元素的样式,而不需要借助JavaScript。

0
0 Comments

<option>标签中不能包含其他标签。至少在Chrome中,<option>标签可以包含<script>标签。这些<script>标签行为与普通的<script>标签相同,也就是说它们不可见,但会执行。这让我感到困扰。

这是非法的标记。仅仅因为Chrome会尝试处理它,并不意味着"<option>标签可以包含<script>标签"。你不能依赖这种行为。

实际上,我正在尝试阻止这种行为,因为这是一种潜在的注入攻击向量。事实证明,只需要简单的服务器端HTML转义就可以解决。之前我感到困惑,是因为我没有意识到Chrome在元素视图中显示的是经过HTML实体替换后的内容。

0
0 Comments

问题的出现原因:用户想要在选项中使用HTML标签,但是select元素的选项不支持HTML标签。

解决方法:用户可以使用CSS和JavaScript来模拟select元素的外观和功能。可以使用浮动的div元素,并使用CSS定位和显示它,然后使用JavaScript的点击事件来实现用户的选择。可以参考Reinventing the dropdown来了解更多信息。

需要注意的是,重新设计下拉列表是一个非常不好的主意。select元素非常简单并且具有很多语义含义。用JavaScript将DOM元素拼凑在一起以视觉上近似相同的效果将导致无法访问。

有人认为select框提供的键盘可访问性可以实现良好的用户界面。但是问题的提问者想要实现的是另一种效果。

尝试以下方法:

<option value="&lt; style='color:rgb(0, 0, 0);background-color:rgb(255, 235, 0);border-radius:10px;padding-left:8px;padding-right:8px;'>하고 싶은 말&lt;/b&gt; ">&lt;/html&gt;쓰고 싶은 말&lt;/html&gt;</option> &lt; = < / &gt; = >

0