My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more

How To Make A Structure Of A Payment Form.....

Sajal gupta's photo
Sajal gupta
·Oct 3, 2021·

2 min read

SO,HELLO EVERYONE THIS IS SAJAL THIS SIDE .TODAY IN THIS BLOG I WOULD TELL YOU ABOUT HTML ONLY .AND HOW YOU PREDEFINE THE STRUCTURE OF THE PAYMENT FORM.

IN CASE YOU DON'T KNOW WHAT IS HTML DON'T WORRY SO HTML IS A " HYPER TEXT MARK-UP LANGUAGE" . AS WE ARE SCROLLING WEBSITE IN OUR DAILY ,SO ALL THE (FRONT -END) CODING FOR STRUCTURING THE DOCUMENT IS DONE WITH THE HELP OF HTML....

ALL THE WEB PAGES BEGIN WITH THIS SIMPLE CODE.. IN THIS CODE ,THE SYNTAX IS LIKE THIS .....

  1. HTML- TO CREATE A WEB PAGE
  2. HEAD- TO STORE META DATA
  3. BODY-TO STORE ALL THE VISUAL THINGS

Screenshot (100).png NOW THIS IS ALL THE BASICS FOR THE HTML PAGE ..... // YOU CAN STUDY THE BASICS FROM w3 school html section documentation.

SO AS OF NOW I M SKIPPING THE BASICS OF HTML AND TELL YOU HOW THE PAYMENT STRUCTURE IN HTML IS GOONA MADE LYK THIS..

Screenshot (101).png SO THE CODING BEHIND THIS TYPE OF STRUCTURE IS MAINLY INVOLVE THE FORM ELEMENT WITH THE HELP OF THIS ELEMENT YOU CAN EASILY MAKE THIS TYPE OF STRUCTURES IN HTML . NOW I SHOW THE CODING BEHIND THIS .....

Screenshot (103).png

Screenshot (104).png

SO HERE I M USING FORM ELEMENT WHICH IS BASCIALLY USE TO COLLECT THE USER'S INPUT... SO ANY DATA WHICH YOU WANNA COLLECT FROM USER YOU HAVE TO USE THE FORM ELEMENT AND THEN SLIGHTY SCROLLING DOWN

H1 USED FOR HEADING

P USED FOR PARAGRAPH

INPUT THIS IS BASCIALLY USED TO WHICH TYPE OF DATA USER WANNA STORE IT COULD BE -- TXT,BUTTON,RADIO,EMAIL,NUMBER ETC: THERE ARE SO MANY TYPE INSIDE THE INPUT ELEMENT...

FILEDSET-- THIS IS BASCIALLY USED TO GROUP THE ELEMENT

SELECT-- THIS A LOOK T0 SELECT THINGS FROM THE CHOICE..

AND THAT'S HOW ALL THE ELMENTS WORKS IN THIS HTML PAGE..

AS NOW THE COMPLICATED STRUCTURE LOOKING AT THE BEGINING IS BREAKS DOWN IN TO SMALL PARTS (AS ELEMENT) WHICH SIMPLIFIES THE WORKS...

FOR MORE DETAILED AND DEEP INFORMATION YOU CAN CHECK A DOCUMENTATION AT w3 schools Text

AT LAST THANK UH FOR READING IT PATIENTLY ,HOPE THIS BLOG ADD SOMETHINGS IN DEVELOPMENT SIDE ..

TILL THE LAGE RHO....