lightning record edit form LWC

 recordEditFormEditExampleLWC.html

<template>

    <lightning-record-edit-form record-id={recordId}

object-api-name="Contact" onsuccess={handleSuccess}

onsubmit ={handleSubmit}>

        <lightning-messages>

        </lightning-messages>

        <lightning-output-field field-name="AccountId">

        </lightning-output-field>

        <lightning-input-field field-name="FirstName">

        </lightning-input-field>

        <lightning-input-field field-name="LastName">

        </lightning-input-field>

        <lightning-input-field field-name="Email">

        </lightning-input-field>

        <lightning-button class="slds-m-top_small" variant="brand" type="submit" name="update" label="Update">

        </lightning-button>

    </lightning-record-edit-form>

</template>




recordEditFormEditExampleLWC.js

import { LightningElement, api} from 'lwc';

export default class RecordEditFormEditExampleLWC

extends LightningElement {

    @api recordId;

    handleSubmit(event) {

        console.log('onsubmit event recordEditForm'+ event.detail.fields);

    }

    handleSuccess(event) {

        console.log('onsuccess event recordEditForm', event.detail.id);

    }

}







recordEditFormEditExampleLWC.js-meta.xml

<?xml version="1.0" encoding="UTF-8"?>

<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">

    <apiVersion>58.0</apiVersion>

    <isExposed>true</isExposed>

    <targets>

        <target>lightning__AppPage</target>

        <target>lightning__RecordPage</target>

        <target>lightning__HomePage</target>

    </targets>

</LightningComponentBundle>