我的 select 标签内的文本字段查找选项

Question

我似乎无法完全搜索正确的术语来解决我的问题，但是，我的 select 列表上方有这个奇怪的文本字段：

<div class="col-md-4">
 <div class="form-group">
 <select class="form-control w-100 config_view_type">
 <option value="P">Public</option>
 <option value="R">Restricted</option>
 </select>
 </div>
</div>

是什么导致它出现？

Answer 1

我认为您已经使用 css 定位了表单。你能详细说明一下你的代码吗？我只是将您的代码放入模板中，它似乎工作正常。

<!DOCTYPE html>
<html>
<body>

<h1>The select element</h1>

<p>The select element is used to create a drop-down list.</p>

<form action="/action_page.php">
  <label for="cars">Choose a car:</label>
  
   <div class="col-md-4">
 <div class="form-group">
 <select class="form-control w-100 config_view_type">
 <option value="P">Public</option>
 <option value="R">Restricted</option>
 </select>
 </div>
</div>
what's causing
  <br><br>
  <input type="submit" value="Submit">
</form>

<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "action_page.php".</p>

</body>
</html>

Answer 2

您的代码运行良好，可能是您 link 编辑文档时 bootstrap 遇到的问题。试试我用的 bootstrap link

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<div class="col-md-4">
  <div class="form-group">
    <select class="form-control w-100 config_view_type">
      <option value="P">Public</option>
      <option value="R">Restricted</option>
    </select>
  </div>
</div>

我的 select 标签内的文本字段查找选项

Text field looking option inside my select tag

html

select

option