要将mat-form-field放在h1旁边，可以使用Flex布局来实现。Flex布局是一种弹性盒子布局模型，可以方便地控制元素的排列方式。

首先，在父容器中添加display: flex;属性，将其设置为Flex布局。然后，将h1和mat-form-field放在同一个父容器中，即它们的父元素。

HTML代码示例：

<div style="display: flex;">
  <h1>Title</h1>
  <mat-form-field>
    <input matInput placeholder="Input">
  </mat-form-field>
</div>

这样，h1和mat-form-field就会水平排列在一行上，且mat-form-field会紧邻在h1的旁边。

关于Flex布局的更多详细信息，可以参考腾讯云开发者手册中的Flex布局介绍：Flex布局介绍