Click here to Skip to main content
15,916,180 members
Please Sign up or sign in to vote.
1.00/5 (2 votes)
Hi Team

How can write a form table when the instructions are as follows;

"Once the submit button is pressed, the information should be displayed in a list below (automatically sorted by last name) along with all the previous information that was entered. This way the application can function as a simple phone book. When your application loads, the input fields (not the phone book list) should be prepopulated with the following values already:
First name = Coder
Last name = Byte
Phone = 8885559999"

What I have tried:

`// @ts-ignore
import { Component, OnInit } from '@angular/core';

  selector: 'app-area',
  template: `
    <div class="form-wrapper">
          <label for="firstName">First name</label>
          <input type="text" name="firstName" id="firstName" class="userFirstname">
          <label for="lastName">Last name</label>
          <input type="text" name="lastName" id="lastName" class="userLastname">
          <label for="phoneNumber">Phone number</label>
          <input type="tel" name="phoneNumber" id="phoneNumber" class="userPhone">
          <input type="submit" value="submit" class="submitButton">
    <div class="informationTable">
      Table of contacts should go here...
  styles: []

export class MainAppComponent implements OnInit {
  // code goes here
  ngOnInit() { 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900