How to collect card details in a hosted page form's payment section itself instead of opening razorpay popup?

How to collect card details in a hosted page form's payment section itself instead of opening razorpay popup?

In the hosted page's form shown in the documentation and in the settings, there are fields present in the payment information section to collection the card number, cvv, etc. But when I go to my app's hosted page those fields are not there. Instead there's a button which opens a razorpay popup. How can I avoid this and make the user type in the card details directly in the form instead of in the razorpay popup?