Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导程序4:如何创建这样的表单?_Javascript_Twitter Bootstrap_Semantic Ui - Fatal编程技术网

Javascript 引导程序4:如何创建这样的表单?

Javascript 引导程序4:如何创建这样的表单?,javascript,twitter-bootstrap,semantic-ui,Javascript,Twitter Bootstrap,Semantic Ui,我正在使用Bootstrap 4,我想知道这样一种形式: 屏幕截图: 它来自语义用户界面 编辑: Bootstrap4的选择菜单是这样的,它有一个默认选项,我不想要它 示例选择 1. 2. 3. 4. 5. 如何创建一个?您可以使用下拉列表类,并确保包含一个菜单标题,以避免出现默认元素:下拉列表标题 例如: <div class="dropdown-menu"> <h6 class="dropdown-header">Gender</h6> &

我正在使用Bootstrap 4,我想知道这样一种形式:

屏幕截图:

它来自语义用户界面

编辑:
Bootstrap4的选择菜单是这样的,它有一个默认选项,我不想要它


示例选择
1.
2.
3.
4.
5.

如何创建一个?

您可以使用
下拉列表类,并确保包含一个菜单标题,以避免出现默认元素:
下拉列表标题

例如:

<div class="dropdown-menu">
  <h6 class="dropdown-header">Gender</h6>
  <a class="dropdown-item" href="#">Male</a>
  <a class="dropdown-item" href="#">Female</a>
</div>

性别

此处的更多信息:

您可以使用
下拉列表
类,并确保包含菜单标题以避免出现默认元素:
下拉列表标题

例如:

<div class="dropdown-menu">
  <h6 class="dropdown-header">Gender</h6>
  <a class="dropdown-item" href="#">Male</a>
  <a class="dropdown-item" href="#">Female</a>
</div>

性别

此处的详细信息:

选择菜单有什么问题?@RachelS查看我的编辑版本。选择菜单有什么问题?@RachelS查看我的编辑版本。