<div id="main"> <form method="post" action="/submit"> <!-- 每个表单元素放在一个 form-row div 中 --> <div class="form-row"> <label for="line">确认线别：</label> <input type="text" name="line" id="line" placeholder="请选择线别"/> </div> <div class="form-row"> <label for="date">确认日期：</label> <input type="date" name="date" id="date"/> </div> <div class="form-row"> <label for="model">异常机种：</label> <input type="text" name="model" id="model" placeholder="请输入机种"/> </div>

您可以添加CSS样式来美化表单，例如使用以下代码：

#main {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

label {
  font-weight: bold;
  margin-bottom: 5px;
}

input[type="text"],
input[type="date"] {
  padding: 10px;
  border: none;
  border-radius: 5px;
  background-color: #f9f9f9;
  font-size: 16px;
  color: #333;
}

input[type="text"]::placeholder {
  color: #999;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

input[type="date"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

将以上代码添加到您的CSS文件中，就可以美化表单。请注意，这只是一种基本的样式，您可以根据需要进行修改或添加其他样式。