/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/material/input/input-form/input-form-example.html
44 строки
2 KB
Kristiyan Kostadinov
docs(material/input): switch to MDC
22 авг 2022, 18:53
22 авг 2022, 18:53
a2a22a4
Код
Авторство
О чём код?
<form class="example-form"> <mat-form-field class="example-full-width"> <mat-label>Company (disabled)</mat-label> <input matInput disabled value="Google"> </mat-form-field> <table class="example-full-width" cellspacing="0"><tr> <td><mat-form-field class="example-full-width"> <mat-label>First name</mat-label> <input matInput> </mat-form-field></td> <td><mat-form-field class="example-full-width"> <mat-label>Long Last Name That Will Be Truncated</mat-label> <input matInput> </mat-form-field></td> </tr></table> <p> <mat-form-field class="example-full-width"> <mat-label>Address</mat-label> <textarea matInput placeholder="Ex. 100 Main St">1600 Amphitheatre Pkwy</textarea> </mat-form-field> <mat-form-field class="example-full-width"> <mat-label>Address 2</mat-label> <textarea matInput></textarea> </mat-form-field> </p> <table class="example-full-width" cellspacing="0"><tr> <td><mat-form-field class="example-full-width"> <mat-label>City</mat-label> <input matInput placeholder="Ex. San Francisco"> </mat-form-field></td> <td><mat-form-field class="example-full-width"> <mat-label>State</mat-label> <input matInput placeholder="Ex. California"> </mat-form-field></td> <td><mat-form-field class="example-full-width"> <mat-label>Postal Code</mat-label> <input matInput #postalCode maxlength="5" placeholder="Ex. 94105" value="94043"> <mat-hint align="end">{{postalCode.value.length}} / 5</mat-hint> </mat-form-field></td> </tr></table> </form>