带有显示块的li内的输入看起来不太好，为什么？

Question

当我将input与type=text放在li项display:block内时，我得到了奇怪的结果？ 这是一个例子：

<ul>
    <li><input type="text" value="withvalue" style="display: block" /></li>
    <li><input type="text" style="display: block" /></li>
</ul>

对于第一个input我只能在input聚焦时看到子弹而且它在input内。 对于第二个input，它与li父级子弹不在同一行。

有人可以解释一下，也许可以提出修复建议吗？

由于

Answer 1

使用

<li style = "display:inline;"> ... </li>

Answer 2

尝试不使用style =“display：block”

<ul>
    <li><input type="text" value="withvalue" /></li>
    <li><input type="text" /></li>
</ul>