Template parse errors: ‘md-form-field’ is not a known element

UPDATE:

Since 2.0.0-beta.12, md prefix has been removed in favor of mat prefix. See this CHANGELOG for details:

All “md” prefixes have been removed. See the deprecation notice in the
beta.11 notes for more information.

After the update, <md-form-field> should be changed to <mat-form-field>. Also, MdFormFieldModule and MdInputModule should be changed to MatFormFieldModule and MatInputModule:

import { MatFormFieldModule } from '@angular/material';
import { MatInputModule } from '@angular/material';

@NgModule({
  imports: [
    ....
    MatFormFieldModule,
    MatInputModule,
    ....
  ]

Here is a link to Updated StackBlitz demo using 2.0.0-beta.12.

ORIGINAL:

<md-form-field> was introduced in 2.0.0-beta.10. See below from the changelog documentation:

md-input-container renamed to md-form-field (while still being
backwards compatible). The old selector will be removed in a subsequent release.

Here is a link to complete CHANGELOG.

To use <md-form-field> selector, make sure that you have version 2.0.0-beta.10 of material installed. Moreover, you need to import MdFormFieldModule module in you AppModule imports:

import { MdFormFieldModule } from '@angular/material';
import { MdInputModule } from '@angular/material';

@NgModule({
  imports: [
    ....
    MdFormFieldModule,
    MdInputModule,
    ....
  ]

For anyone who stumbles upon this question, here is a link to working demo on StackBlitz.