HTML Field Attributes
<netvalve-tokenfields>
These are the allowed attributes:
Attribute | Type | Description |
---|---|---|
| string | [Optional] Provide the form element id. |
| string | [Optional] Provide the submit button element id |
| string | [Optional] Global CSS styles for all fields |
| string | CSS styles applied when fields are invalid |
<netvalve-cardnumber>, <netvalve-expiry>, <netvalve-cvv>
These are the allowed attributes:
Attribute | Type | Description |
---|---|---|
| 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>