gpt4 book ai didi

html - 第二个选择元素未显示在浏览器上

转载 作者:行者123 更新时间:2023-12-05 04:27:36 25 4
gpt4 key购买 nike

我在编译程序时遇到问题,最后一行根本没有显示。我尝试了很多东西,但 Select 元素似乎有问题,因为我在第一个 Select 行之后尝试添加的内容没有显示出来。

我错过了什么?

这是我的代码:

  <!DOCTYPE html>
<html lang="en">

<head>
<link rel="stylesheet" href="~/css/OpenStore.css" asp-append-version="true" />
</head>

<p align="center" style="color:red">
Open Store
</p>

<div class="OpenStore">
<form class="form-horizontal" asp-action="SearchStore" asp-controller="Home" method="get" enctype = "multipart/form-data">

<div class="row">
<div class="form-group form-group-sm col-sm-6 col-md-13">
<div class="row col-md-13">
<label class="col-form-label col-md-6">Store # :</label>
<div class="col-sm-3">
<input class="form-control form-control-sm" asp-for="StoreId" value="" style="width:100px;" />
</div>
</div>
</div>
</div>

<div class="row">
<div class="form-group form-group-sm col-sm-6 col-md-13">
<div class="row">
<label class="col-form-label col-md-6">Store Name :</label>
<div class="col-sm-3">
<input class="form-control form-control-sm" asp-for="StoreDescription" value="" style="width:350px;" />
</div>
</div>
</div>
</div>

<div class="row">
<div class="form-group form-group-sm col-sm-6 col-md-13">
<div class="row">
<label class="col-form-label col-md-6">Language :</label>
<div class="col-sm-3">
<select list="Languages" asp-for="LanguageId" class="form-control form-control-sm" id="Language" style="width:100px"/>
<datalist id="Languages">
<option data-value="English">English</option>
<option data-value="Fr">French</option>
</datalist>
</div>
</div>
</div>
</div>

<div class="row">
<div class="form-group form-group-sm col-sm-6 col-md-13">
<div class="row">
<label class="col-form-label col-md-6">Group :</label>
<div class="col-sm-3">
<select list="Groups" asp-for="StoreTypeId" class="form-control form-control-sm" id="Group" style="width:100px"/>
<datalist id="Groups">
<option data-value="2">>Laura</option>
<option data-value="3">Melanie Lyne</option>
</datalist>
</div>
</div>
</div>
</div>

</form>
</div>
</html>

这是它在 chrome 中的样子:

html render

最佳答案

第二个<select>未显示,因为关闭 </select>标签丢失。 <select>标签与 <option> 一起使用它们里面的标签。

<select asp-for="LanguageId" class="form-control form-control-sm" id="Language"
style="width:100px">
<option data-value="English">English</option>
<option data-value="French">French</option>
</select>

list属性对选择无效。如果你想使用数据列表,你应该切换到 <input>标签。

关于html - 第二个选择元素未显示在浏览器上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72776910/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com