.form-element { width: 100%; max-width: 500px; margin: 20px auto; position: relative; } .form-element label { display: block; margin-bottom: 8px; font-weight: bold; } .form-element input, .form-element textarea, .form-element button { width: 100%; padding: 10px; margin-bottom: 15px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; } .form-element input[type="checkbox"] { width: auto; margin-right: 5px; } .form-element button { width: 100%; padding: 10px; background-color: #ffd100; color: #000; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; font-weight: bold; text-align: center; } .form-element button:hover { background-color: #ffd61a; // this is when you hover over it. So maybe a variation such as ffd61a } .form-element .required { color: red; } .kb-content-header { display: none; } Your information * Name * Phone Number * Mail * Parcel number Message for GLS File upload Submit /* CHANGE THIS!! */ const fieldNameForSubject = "email"; //don't change anything below document.getElementById('submit-gls-form').onclick = function () { formElements = document.getElementById('gls-form').getElementsByTagName('input'); document.getElementById('message').value = ""; for (var i = 0; i < formElements.length; i++) { if (!['hidden', 'file'].includes(formElements[i].type) && !['email', 'name', 'subject', 'message'].includes(formElements[i].name)) { document.getElementById('message').value += "\r\n" + formElements[i].name + ": " + formElements[i].value; formElements[i].disabled = "disabled"; } if (formElements[i].name == "subject") { formElements[i].value = formElements[i].value.replaceAll('{{placeholder}}', document.getElementById('gls-form').elements[fieldNameForSubject]?.value); } } textAreas = document.getElementById('gls-form').getElementsByTagName('textarea'); for (var i = 0; i < textAreas.length; i++) { document.getElementById('message').value += "\r\n\r\n" + textAreas[i].name + ": \r\n" + textAreas[i].value; textAreas[i].disabled = "disabled"; } }

- Dansk
- English

/

Feedback

Last updated on January 19, 2024 at 5:17 AM

Your information

* Name

* Phone Number

* Mail

* Parcel number

Message for GLS

File upload

Your information

Was this article helpful?