输入框左边显示请输入用户名，没有边框但有一条粉色的底线

可以使用CSS来设置输入框左侧显示请输入用户名，没有边框但有一条粉色的底线。具体代码如下：

HTML代码：

<div class="form-group">
  <label for="inputField">请输入用户名</label>
  <input type="text" class="form-control" id="inputField">
</div>

CSS代码：

.form-group {
  position: relative;
  margin-bottom: 20px;
}

.form-group label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0 10px;
  background-color: #fff;
}

.form-group input {
  border: none;
  border-bottom: 2px solid #f06;
  padding: 5px 10px;
  margin-left: 120px;
}

这里使用了相对定位和绝对定位来将标签定位在左侧，并且使用了transform属性来使标签垂直居中。同时，输入框的边框被设置为none，只保留了下边框，并且设置了粉色的颜色。使用了margin-left属性来使输入框距离左侧的提示语有一定的距离。

相关问题

怎么做到标签和输入框在一条粉色的线上，没有边框

可以使用CSS来设置输入框和标签在一条粉色的线上，并且没有边框。具体代码如下：

HTML代码：

<div class="form-group">
  <label for="inputField">标签名称</label>
  <input type="text" class="form-control" id="inputField">
</div>

CSS代码：

.form-group {
  position: relative;
  margin-bottom: 20px;
}

.form-group label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0 10px;
  background-color: #fff;
}

.form-group input {
  border: none;
  border-bottom: 2px solid #f06;
  padding: 5px 10px;
}

这里使用了相对定位和绝对定位来将标签定位在输入框上方，并且使用了transform属性来使标签垂直居中。同时，输入框的边框被设置为none，只保留了下边框，并且设置了粉色的颜色。

用户名输入框 密码输入框 密码不能显示 有记住密码按钮 还有提交按钮

可以使用以下 HTML 代码：

<form>
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br><br>
  <input type="checkbox" id="remember" name="remember">
  <label for="remember">记住密码</label><br><br>
  <input type="submit" value="提交">
</form>

这里使用了 `<form>` 元素来包含表单内容，`<label>` 元素来标记输入框的名称，`<input>` 元素来创建输入框，`type="password"` 属性用于创建密码输入框，`type="checkbox"` 属性用于创建记住密码按钮，`<input type="submit">` 元素用于创建提交按钮。

需要注意的是，这个代码只是一个示例，实际应用中需要根据具体情况进行修改和优化。