更改HTML文本框布局

Question

您好我想知道如何将HTML中的文本框更改为一行而不是一个框，因为我正在尝试使网页看起来像一个PDF表单和一个整洁的前景我想改变文本盒子设计只是一个长行，所以用户可以输入他的名字或字段要求他做的任何事情。

Answer 1

你可能想要一个更具体的选择器，但这应该是一个合理的起点：

input { 
    border-style: none;
    border-bottom: solid black 1px;
}

Answer 2

您的意思是将<textarea>显示为<input type="text">？

在html中，我假设，通过<textarea cols="" rows="1">或通过CSS样式化元素的width和height

Answer 3

对于单行输入，我使用的是<input type="text" />，它实际上是默认的type，可以缩写为<input />（我在这些示例中假设为xhtml ）。