如何创建 HTML 文本框,该文本框顶部有一个水平菜单选项卡可供选择


How is a HTML text box created, that has a horizontal menu tabs at the top to choose from?

我希望我的问题不会让任何人感到困惑。我不知道那种文本框到底叫什么:(我正在寻找的是创建一个 HTML 文本框,该文本框的顶部有不同的菜单,即文本框的尺寸保持不变,但文本框中的每个菜单标题下面都会有一些文本,当用户单击它时会打开它。

让我向您展示演示:http://www.e-conservationline.com/content/view/28/113/

在页面上向下滚动一点,看看提交的一般规则:具有语言字数限制版权等菜单

如何创建类似类型的文本框,并为每个标题菜单填充文本?

你应该使用一些Javascript解决方案来实现这个目标。例如,JQuery UI具有选项卡功能。

对于相同的高度,一点点CSS会满足你! ;)

每个"文本框"都有一个按钮(顺便说一下,它不是文本框,它是一个div)。例如

  • div #1 有按钮 1
  • div #2 有按钮 2
  • 。等等

当时只显示一个div。当用户单击按钮时,它会显示与该按钮相关的div 并隐藏所有其他按钮。这就是它的工作原理