<form bindsubmit="formSubmit"> <view class="section__title">用户名称</view> <input name="username" id="username" placeholder="请输入用户名" value='{{form.username}}' /> <!--button bind:tap="checkusername">验证</button--> <view class="section__title">用户密码</view> <input name="password" id="password" placeholder="请输入密码" value='{{form.password}}' /> <view class="section__title">确认密码</view> <input name="checkPassword" id="checkPassword" placeholder="请再次输入密码" value='{{form.checkPassword}}' /> <view class="section__title">密码提示</view> <input name="pstell" id="pstell" placeholder="请输入密码提示" value='{{form.pstell}}' /> <view class="section__title">常用电话</view> <input name="phone" id="phone" placeholder="请输入常用电话" value='{{form.phone}}' /> <view class="section__title">身份证号</view> <input name="sfid" id="sfid" placeholder="请输入身份证号" value='{{form.sfid}}' /> <!--view class="section__title">注册日期</view> <input name="" id="" placeholder="" value="{{}}" /--> <view class="btn-area"> <button formType="submit">提交</button> <button formType="reset">重置</button> </view> </form>做一下样式的美化添加一下背景

可以使用CSS样式对表单进行美化，并添加背景。你可以在你的CSS文件中添加以下代码：

body {
  background-color: #f1f1f1; /* 设置背景颜色 */
}

form {
  max-width: 400px; /* 设置表单最大宽度 */
  margin: 0 auto; /* 居中显示表单 */
  padding: 20px; /* 添加内边距 */
  background-color: white; /* 设置表单背景颜色 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}

.section__title {
  font-weight: bold; /* 设置标题字体加粗 */
  margin-bottom: 10px; /* 设置标题与输入框的间距 */
}

input {
  width: 100%; /* 设置输入框宽度为100% */
  padding: 8px; /* 设置输入框内边距 */
  margin-bottom: 15px; /* 设置输入框之间的间距 */
  border-radius: 4px; /* 添加边框圆角 */
  border: 1px solid #ccc; /* 添加边框样式 */
}

button {
  padding: 10px 20px; /* 设置按钮内边距 */
  background-color: #007bff; /* 设置按钮背景颜色 */
  color: white; /* 设置按钮文字颜色 */
  border: none; /* 移除按钮边框 */
  border-radius: 4px; /* 添加按钮圆角 */
}

button[type="reset"] {
  background-color: #dc3545; /* 设置重置按钮背景颜色 */
}

然后将上述样式代码放入你的CSS文件中，就可以对表单进行美化，并添加背景颜色。