html - 输入字段无法在 w3.css 中显示文本

Question

我正在尝试创建具有搜索功能的导航。当我输入文本输入字段时，没有显示任何内容。另外如何停用悬停效果？ ...使用 w3.css 框架。谢谢view image here

<div class="w3-top">
<ul class="w3-navbar w3-cyan text-color-black w3-large" style="height:         49px; color: black">
 <li><a href="#">Hello</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Log Out</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Dashboard</a>       </li>
 <li class="w3-right" style="font-size: 90%"><a href="#">Bookmarks</a></li>
<input class="w3-input w3-border w3-small" style="width: 350px; height: 30px; margin-left: 400px; margin-top: 10px" name="first" type="text" placeholder="search names here">
<button class="w3-btn w3-small w3-white w3-border w3-round" style="margin-left: 615px; margin-top: -30px; height: 30px">Search</button>
<!--<" style="width:450px; height:28px; margin-left: 390px; margin-top: 20px; font-size: 70%" name="first" type="text">-->
</div>
 </ul>
 </div>

Answer 1

我不明白为什么有一个结尾 </div>在 </ul> 之前标记删除它。

<div class="w3-top">
<ul class="w3-navbar w3-cyan text-color-black w3-large" style="height:         49px; color: black">
 <li><a href="#">Hello</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Log Out</a></li>
<li class="w3-right" style="font-size: 90%"><a href="#">Dashboard</a>       </li>
 <li class="w3-right" style="font-size: 90%"><a href="#">Bookmarks</a></li>
<input class="w3-input w3-border w3-small" style="width: 350px; height: 30px; margin-left: 400px; margin-top: 10px" name="first" type="text" placeholder="search names here">
<button class="w3-btn w3-small w3-white w3-border w3-round" style="margin-left: 615px; margin-top: -30px; height: 30px">Search</button>
<!--<" style="width:450px; height:28px; margin-left: 390px; margin-top: 20px; font-size: 70%" name="first" type="text">-->
</div> <!--please remove this line --> 
 </ul>
 </div>