HTML Field Attributes

<netvalve-tokenfields>

These are the allowed attributes:

Attribute

Type

Description

Attribute

Type

Description

formId

string

[Optional] Provide the form element id.

submitButtonId

string

[Optional] Provide the submit button element id

style

string

[Optional] Global CSS styles for all fields

invalidStyles

string

CSS styles applied when fields are invalid

<netvalve-cardnumber>, <netvalve-expiry>, <netvalve-cvv>

These are the allowed attributes:

Attribute

Type

Description

Attribute

Type

Description

style

string

[Optional] CSS styles specific to this field

 

 

 

Example Usage

<netvalve-tokenfields formId="payment-form" submitButtonId="submit-btn" style="font-size: 16px; color: #333;" invalidStyles="border-color: red; color: red;"> <form id="payment-form"> <netvalve-cardnumber style="padding: 10px; border-radius: 4px;"></netvalve-cardnumber> <netvalve-cvv style="padding: 10px; border-radius: 4px;"></netvalve-cvv> <netvalve-expiry style="padding: 10px; border-radius: 4px;"></netvalve-expiry> <button id="submit-btn" type="submit">Pay</button> </form> </netvalve-tokenfields>