javascript - 用户定义的 Html 标签

Question

我使用 JavaScript 创建了一个可过滤的下拉列表。我使用输入字段、按钮（向下箭头）和固定大小的选择框设计了这个控件。如果我单击向下箭头按钮，我会将选择框放在输入字段下。但我想将整个控件创建为单个控件。我想为此下拉列表创建一个自己的标签。要显示此下拉列表，我需要简单地调用我自己的标签，例如

<dropcombo id="xxx" >
   <op>1</op>
   <op>2</op>
</dropcombo>

这里 Dropcombo 标签是一个用户定义的控件。有没有办法为此下拉组合创建自己的标签？

score 2 · Accepted Answer

自定义 HTML 标记的问题在于，您需要使用 CSS 来告诉浏览器如何呈现它们（因为浏览器不知道它们的外观）。

<html>
<body>
    <customTag>This is my custom tag</customTag>
</body>

将呈现为：

This is my custom tag

此外，jQuery UI 有一个.autocomplete()ui 扩展器，我建议您检查一下。

score 1 · Accepted Answer

创建你的标签

dropcombo
{
display:block;
text-align:left;
/* ADD CSS PROPERTY ACCORDING TO YOUR REQUIRDMENT */
}
op
{
/* SAME HERE CSS PROPERTY */
}

2 回答 2