You need to sign in to do that
Don't have an account?
shekhar 46
want to create LWC componet for payment details
I want to create a LWC form for guest to fill the data.
first name, phone, email, number of guest, DOB, prefered hotel(3star, 4star. 5 star)
card number, expiry month, expiry year, CVV
on save button all get save to database. on saving email to guest email need to send with all above details.
i have written code just to take input , but how to incoorapiorate all other requirement, also how to add picklist field,
html code
<template>
<lightning-card title="guest info">
<lightning-input type="text" label="Enter name"></lightning-input>
<lightning-input type="number" label="Enter Phone number"></lightning-input>
<lightning-input type="text" label="Enter email"></lightning-input>
<lightning-input type="number" label="Enter number of guest"></lightning-input>
<lightning-input type="picklist" label="prefereed hotel type"></lightning-input>
<lightning-input type="date" label="Enter check in date"></lightning-input>
<lightning-input type="date" label="Enter check out date"></lightning-input>
</template>
JS--------------
import {lightning element} from 'lwc';
export default class guestForm extends LightningElement{
}
first name, phone, email, number of guest, DOB, prefered hotel(3star, 4star. 5 star)
card number, expiry month, expiry year, CVV
on save button all get save to database. on saving email to guest email need to send with all above details.
i have written code just to take input , but how to incoorapiorate all other requirement, also how to add picklist field,
html code
<template>
<lightning-card title="guest info">
<lightning-input type="text" label="Enter name"></lightning-input>
<lightning-input type="number" label="Enter Phone number"></lightning-input>
<lightning-input type="text" label="Enter email"></lightning-input>
<lightning-input type="number" label="Enter number of guest"></lightning-input>
<lightning-input type="picklist" label="prefereed hotel type"></lightning-input>
<lightning-input type="date" label="Enter check in date"></lightning-input>
<lightning-input type="date" label="Enter check out date"></lightning-input>
</template>
JS--------------
import {lightning element} from 'lwc';
export default class guestForm extends LightningElement{
}