首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何让提交按钮与表单字段位于同一行?

要将提交按钮与表单字段放在同一行,您可以使用CSS样式来实现。以下是一个简单的HTML和CSS示例,展示了如何将提交按钮与表单字段放在同一行:

代码语言:html
复制
<!DOCTYPE html>
<html>
<head><style>
  .form-container {
    display: flex;
    align-items: center;
  }
  input[type="text"] {
    margin-right: 10px;
  }
</style>
</head>
<body>

<div class="form-container">
 <input type="text" name="name" placeholder="请输入文本">
 <input type="submit" value="提交">
</div>

</body>
</html>

在这个示例中,我们使用了display: flexalign-items: center来使表单字段和提交按钮在同一行上并居中对齐。我们还为文本输入框添加了margin-right: 10px以添加一些空间。

您可以将此示例代码复制到您的项目中,并根据需要进行修改。如果您需要更多帮助,请随时告诉我!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券