<input type="text" class="form-control" name="username" id="username" placeholder="请输入常用邮箱"/> 怎么把这个输入框的右边大概3分之一的位置换成一个下拉的列表 可以选择对应的邮箱后缀

您可以使用HTML中的<select>标签来创建下拉列表，并在<option>标签中添加可选的邮箱后缀。然后，您可以使用CSS中的float属性来控制输入框和下拉列表的位置。以下是一个示例代码：

<input type="text" class="form-control" name="username" id="username" placeholder="请输入常用邮箱">
<select>
<option value="@gmail.com">@gmail.com</option>
<option value="@hotmail.com">@hotmail.com</option>
<option value="@yahoo.com">@yahoo.com</option>
</select>

CSS样式：

select {
float: right;
width: 30%;
}