如何在 HTML 中创建一个漂亮的表单答案

【问题标题】：How to create a nice form in HTML如何在 HTML 中创建一个漂亮的表单
【发布时间】：2020-09-04 14:02:12
【问题描述】：

我正在尝试创建一个表单，但我正在努力格式化文本。

我想放一个“标签/标题”然后输入，但我没有成功。这是我第一次使用 HTML。

<input type="time" name="time" value="22:00"/> - <input type="time" name="time" value="22:00"/>

这只是给我输入，但我不喜欢看起来像这样的格式：

但我想得到下面的那个。我现在不关心字体/大小，但我希望有一个例子

知道如何用底线创建这种新样式，管理字体和大小。

非常感谢您的帮助

【问题讨论】：

改变 HTML 输出的外观是通过一种叫做 CSS 的东西来完成的。您应该特别了解 CSS 边框。

标签： html forms html-input

【解决方案1】：

您可以使用标签标签来做到这一点。像这样，

  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>

参考这个 -> https://www.w3schools.com/html/tryit.asp?filename=tryhtml_form_submit

【讨论】：