web3-202226701052/src/app/edit-profile/edit-profile.page.html

<!-- src/app/edit-profile/edit-profile.page.html -->
<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/tabs/tab3"></ion-back-button>
    </ion-buttons>
    <ion-title>编辑资料</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <form [formGroup]="profileForm" (ngSubmit)="saveProfile()">
    <ion-item>
      <ion-label position="floating">用户名</ion-label>
      <ion-input formControlName="username" type="text" required></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">邮箱</ion-label>
      <ion-input formControlName="email" type="email" required></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">手机号</ion-label>
      <ion-input formControlName="phone" type="tel" required></ion-input>
    </ion-item>

    <ion-item>
      <ion-label position="floating">性别</ion-label>
      <ion-select formControlName="gender" required>
        <ion-select-option value="male">男</ion-select-option>
        <ion-select-option value="female">女</ion-select-option>
        <ion-select-option value="other">其他</ion-select-option>
      </ion-select>
    </ion-item>

    <ion-item>
      <ion-label position="floating">生日</ion-label>
      <ion-datetime formControlName="birthday" displayFormat="YYYY-MM-DD" required></ion-datetime>
    </ion-item>

    <ion-item>
      <ion-label position="floating">头像</ion-label>
      <input type="file" accept="image/*" (change)="onFileSelected($event)">
    </ion-item>

    <ion-button expand="block" type="submit" [disabled]="!profileForm.valid">保存</ion-button>
  </form>
</ion-content>