Saltar al contenido

crear página de inicio de sesión en el ejemplo de código ionic 4

Ejemplo 1: página de inicio de sesión iónica

<ion-contentcolor="primary"padding><form#form="ngForm"(ngSubmit)="login(form)"><ion-grid><ion-rowcolor="primary"justify-content-center><ion-colalign-self-centersize-md="6"size-lg="5"size-xs="12"><divtext-center><h3>Loginh3>div><divpadding><ion-item><ion-inputname="email"type="email"placeholder="[email protected]"ngModelrequired>ion-input>ion-item><ion-item><ion-inputname="password"type="password"placeholder="Password"ngModelrequired>ion-input>ion-item>div><divpadding><ion-buttonsize="large"type="submit"[disabled]="form.invalid"expand="block">Loginion-button>div>ion-col>ion-row>ion-grid>form>ion-content>

Ejemplo 2: página de inicio de sesión iónica

<ion-contentcolor="primary"><form#form="ngForm"(ngSubmit)="register(form)"><ion-grid><ion-rowcolor="primary"justify-content-center><ion-colalign-self-centersize-md="6"size-lg="5"size-xs="12"><divtext-center><h3>Create your account!h3>div><divpadding><ion-item><ion-inputname="name"type="text"placeholder="Name"ngModelrequired>ion-input>ion-item><ion-item><ion-inputname="email"type="email"placeholder="[email protected]"ngModelrequired>ion-input>ion-item><ion-item><ion-inputname="password"type="password"placeholder="Password"ngModelrequired>ion-input>ion-item><ion-item><ion-inputname="confirm"type="password"placeholder="Password again"ngModelrequired>ion-input>ion-item>div><divpadding><ion-buttonsize="large"type="submit"[disabled]="form.invalid"expand="block">Registerion-button>div>ion-col>ion-row>ion-grid>form>ion-content>

valoraciones y reseñas

Agradecemos que desees añadir valor a nuestra información aportando tu experiencia en los informes.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *