HTML ਇਨਪੁਟਸ ਵਿੱਚ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਰੰਗ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ
HTML ਇਨਪੁਟ ਖੇਤਰਾਂ ਵਿੱਚ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਦਾ ਰੰਗ ਬਦਲਣਾ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਵਧਾ ਸਕਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡੇ ਫਾਰਮਾਂ ਦੀ ਵਿਜ਼ੂਅਲ ਅਪੀਲ ਨੂੰ ਬਿਹਤਰ ਬਣਾ ਸਕਦਾ ਹੈ। ਆਧੁਨਿਕ ਵੈੱਬ ਵਿਕਾਸ ਵਿੱਚ, ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨਾ ਇੱਕ ਆਮ ਲੋੜ ਹੈ।
ਹਾਲਾਂਕਿ, ਪਲੇਸਹੋਲਡਰ ਵਿਸ਼ੇਸ਼ਤਾ ਲਈ ਸਿਰਫ਼ CSS ਸਟਾਈਲ ਨੂੰ ਲਾਗੂ ਕਰਨਾ ਅਕਸਰ ਉਮੀਦ ਕੀਤੇ ਨਤੀਜੇ ਨਹੀਂ ਦਿੰਦਾ ਹੈ। ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਅਤੇ ਵੱਖ-ਵੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਅਨੁਕੂਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਸਹੀ ਢੰਗਾਂ ਦੀ ਪੜਚੋਲ ਕਰਾਂਗੇ।
| ਹੁਕਮ | ਵਰਣਨ |
|---|---|
| ::placeholder | CSS ਸੂਡੋ-ਐਲੀਮੈਂਟ ਇੱਕ ਇਨਪੁਟ ਖੇਤਰ ਦੇ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। |
| opacity | CSS ਵਿਸ਼ੇਸ਼ਤਾ ਜੋ ਕਿਸੇ ਤੱਤ ਦੇ ਪਾਰਦਰਸ਼ਤਾ ਪੱਧਰ ਨੂੰ ਸੈੱਟ ਕਰਦੀ ਹੈ, ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਕਿ ਪਲੇਸਹੋਲਡਰ ਦਾ ਰੰਗ ਦਿਸਦਾ ਰਹੇ। |
| querySelectorAll | JavaScript ਵਿਧੀ ਜੋ ਨਿਰਧਾਰਤ ਚੋਣਕਾਰ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਸਾਰੇ ਤੱਤਾਂ ਦੀ ਇੱਕ ਸਥਿਰ ਨੋਡਲਿਸਟ ਵਾਪਸ ਕਰਦੀ ਹੈ। |
| forEach | JavaScript ਵਿਧੀ ਜੋ ਹਰੇਕ ਐਰੇ ਐਲੀਮੈਂਟ ਲਈ ਇੱਕ ਵਾਰ ਪ੍ਰਦਾਨ ਕੀਤੇ ਫੰਕਸ਼ਨ ਨੂੰ ਚਲਾਉਂਦੀ ਹੈ। |
| classList.add | JavaScript ਵਿਧੀ ਜੋ ਕਿਸੇ ਤੱਤ ਵਿੱਚ ਇੱਕ ਨਿਰਧਾਰਤ ਕਲਾਸ ਜੋੜਦੀ ਹੈ। |
| DOMContentLoaded | JavaScript ਇਵੈਂਟ ਜੋ ਉਦੋਂ ਚਾਲੂ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਸ਼ੁਰੂਆਤੀ HTML ਦਸਤਾਵੇਜ਼ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਅਤੇ ਪਾਰਸ ਹੋ ਜਾਂਦਾ ਹੈ। |
ਪਲੇਸਹੋਲਡਰ ਸਟਾਈਲਿੰਗ ਦੇ ਲਾਗੂਕਰਨ ਨੂੰ ਸਮਝਣਾ
ਪਹਿਲੀ ਸਕਰਿਪਟ ਵਰਤਦਾ ਹੈ ::placeholder, ਇੱਕ CSS ਸੂਡੋ-ਐਲੀਮੈਂਟ ਜੋ ਇਨਪੁਟ ਖੇਤਰਾਂ ਵਿੱਚ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਦੀ ਸਟਾਈਲਿੰਗ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਲਾਲ ਤੇ ਸੈਟ ਕਰਕੇ ਅਤੇ ਐਡਜਸਟ ਕਰਕੇ opacity 1 ਤੱਕ, ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਦਾ ਰੰਗ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਬਦਲਿਆ ਗਿਆ ਹੈ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਰੰਗ ਦਿਖਾਈ ਦੇ ਰਿਹਾ ਹੈ ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਡਿਫੌਲਟ ਦੁਆਰਾ ਓਵਰਰਾਈਡ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ। ਇਹ ਵਿਧੀ ਸਿੱਧੀ ਹੈ ਅਤੇ ਲੋੜੀਂਦੇ ਵਿਜ਼ੂਅਲ ਪ੍ਰਭਾਵ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਆਧੁਨਿਕ CSS ਸਮਰੱਥਾਵਾਂ ਦਾ ਲਾਭ ਉਠਾਉਂਦੀ ਹੈ।
ਦੂਜੀ ਸਕ੍ਰਿਪਟ JavaScript ਨੂੰ CSS ਨਾਲ ਜੋੜ ਕੇ ਕਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਅਨੁਕੂਲਤਾ ਨੂੰ ਵਧਾਉਂਦੀ ਹੈ। ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ querySelectorAll, ਸਕ੍ਰਿਪਟ ਪਲੇਸਹੋਲਡਰ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਨਾਲ ਸਾਰੇ ਇਨਪੁਟ ਤੱਤ ਚੁਣਦੀ ਹੈ ਅਤੇ ਇੱਕ ਨਵੀਂ CSS ਕਲਾਸ ਲਾਗੂ ਕਰਦੀ ਹੈ। ਦ forEach ਵਿਧੀ ਇਹਨਾਂ ਤੱਤਾਂ ਉੱਤੇ ਦੁਹਰਾਉਂਦੀ ਹੈ, ਅਤੇ classList.add ਹਰੇਕ ਵਿੱਚ ਕਲਾਸ ਜੋੜਦਾ ਹੈ। ਸਕ੍ਰਿਪਟ DOM ਦੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਚੱਲਦੀ ਹੈ, ਦਾ ਧੰਨਵਾਦ DOMContentLoaded ਘਟਨਾ ਸੁਣਨ ਵਾਲਾ। ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਪਲੇਸਹੋਲਡਰ ਸਟਾਈਲਿੰਗ ਵੱਖ-ਵੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਲਗਾਤਾਰ ਲਾਗੂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।
CSS ਨਾਲ ਪਲੇਸਹੋਲਡਰ ਦਾ ਰੰਗ ਬਦਲਣਾ
HTML ਅਤੇ CSS ਲਾਗੂ ਕਰਨਾ
<style>input::placeholder {color: red;opacity: 1; /* Ensures opacity is not overridden */}</style><input type="text" placeholder="Value">
ਕਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਅਨੁਕੂਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ JavaScript ਦੀ ਵਰਤੋਂ ਕਰਨਾ
JavaScript ਅਤੇ CSS ਹੱਲ
<style>.placeholder-red::placeholder {color: red;}</style><script>document.addEventListener("DOMContentLoaded", function() {var inputs = document.querySelectorAll('input[placeholder]');inputs.forEach(function(input) {input.classList.add('placeholder-red');});});</script><input type="text" placeholder="Value">
ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਸਟਾਈਲਿੰਗ ਲਈ ਉੱਨਤ ਤਕਨੀਕਾਂ
ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਇੱਕ ਹੋਰ ਉਪਯੋਗੀ ਤਕਨੀਕ ਵਿੱਚ ਬਿਹਤਰ ਬ੍ਰਾਊਜ਼ਰ ਅਨੁਕੂਲਤਾ ਲਈ ਵਿਕਰੇਤਾ ਅਗੇਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸ਼ਾਮਲ ਹੈ। ਜਦਕਿ ਦ ::placeholder ਸੂਡੋ-ਐਲੀਮੈਂਟ ਜ਼ਿਆਦਾਤਰ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ, ਵਿਕਰੇਤਾ-ਵਿਸ਼ੇਸ਼ ਅਗੇਤਰ ਜਿਵੇਂ ਕਿ ::-webkit-input-placeholder, ::-moz-placeholder, ਅਤੇ :-ms-input-placeholder ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਤੁਹਾਡੀਆਂ ਸ਼ੈਲੀਆਂ ਵੱਖ-ਵੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਸਹੀ ਢੰਗ ਨਾਲ ਲਾਗੂ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ। ਇਹ ਵਿਧੀ ਮਹੱਤਵਪੂਰਨ ਹੋ ਸਕਦੀ ਹੈ ਜਦੋਂ ਉਹਨਾਂ ਪ੍ਰੋਜੈਕਟਾਂ 'ਤੇ ਕੰਮ ਕਰਦੇ ਹਨ ਜਿਨ੍ਹਾਂ ਲਈ ਵਿਆਪਕ ਅਨੁਕੂਲਤਾ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
ਇਸ ਤੋਂ ਇਲਾਵਾ, ਤੁਸੀਂ ਪਲੇਸਹੋਲਡਰ ਸਟਾਈਲ ਨੂੰ ਹੋਰ ਕੁਸ਼ਲਤਾ ਨਾਲ ਪ੍ਰਬੰਧਿਤ ਕਰਨ ਲਈ CSS ਵੇਰੀਏਬਲ ਦਾ ਲਾਭ ਲੈ ਸਕਦੇ ਹੋ। ਪਲੇਸਹੋਲਡਰ ਰੰਗ ਲਈ ਇੱਕ CSS ਵੇਰੀਏਬਲ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਕੇ, ਤੁਸੀਂ ਆਪਣੀ ਪੂਰੀ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਰੰਗ ਸਕੀਮ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਅੱਪਡੇਟ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਪਹੁੰਚ ਰੱਖ-ਰਖਾਅ ਨੂੰ ਵਧਾਉਂਦੀ ਹੈ ਅਤੇ ਭਵਿੱਖ ਵਿੱਚ ਸਟਾਈਲ ਅੱਪਡੇਟ ਕਰਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸਰਲ ਬਣਾਉਂਦੀ ਹੈ। ਇਹਨਾਂ ਤਕਨੀਕਾਂ ਦਾ ਸੰਯੋਜਨ ਵੱਖ-ਵੱਖ ਦ੍ਰਿਸ਼ਾਂ ਵਿੱਚ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰਨ ਲਈ ਇੱਕ ਮਜ਼ਬੂਤ ਹੱਲ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
ਪਲੇਸਹੋਲਡਰ ਸਟਾਈਲਿੰਗ ਲਈ ਆਮ ਸਵਾਲ ਅਤੇ ਹੱਲ
- ਮੈਂ ਵੱਖ-ਵੱਖ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਕਿਵੇਂ ਸਟਾਈਲ ਕਰ ਸਕਦਾ ਹਾਂ?
- ਜਿਵੇਂ ਵਿਕਰੇਤਾ ਅਗੇਤਰ ਦੀ ਵਰਤੋਂ ਕਰੋ ::-webkit-input-placeholder, ::-moz-placeholder, ਅਤੇ :-ms-input-placeholder ਅਨੁਕੂਲਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ.
- ਕੀ ਮੈਂ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ JavaScript ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹਾਂ?
- ਹਾਂ, ਤੁਸੀਂ ਪਲੇਸਹੋਲਡਰ ਦੇ ਨਾਲ ਤੱਤਾਂ ਨੂੰ ਇਨਪੁਟ ਕਰਨ ਲਈ ਲੋੜੀਂਦੀ ਸ਼ੈਲੀ ਵਾਲੀ ਕਲਾਸ ਜੋੜਨ ਲਈ JavaScript ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।
- ਦਾ ਮਕਸਦ ਕੀ ਹੈ opacity ਸਟਾਈਲਿੰਗ ਪਲੇਸਹੋਲਡਰਾਂ ਵਿੱਚ ਜਾਇਦਾਦ?
- ਦ opacity ਵਿਸ਼ੇਸ਼ਤਾ ਯਕੀਨੀ ਬਣਾਉਂਦੀ ਹੈ ਕਿ ਪਲੇਸਹੋਲਡਰ ਦਾ ਰੰਗ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ ਅਤੇ ਬ੍ਰਾਊਜ਼ਰ ਡਿਫੌਲਟ ਦੁਆਰਾ ਓਵਰਰਾਈਡ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
- CSS ਵੇਰੀਏਬਲ ਪਲੇਸਹੋਲਡਰਾਂ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਵਿੱਚ ਕਿਵੇਂ ਮਦਦ ਕਰਦੇ ਹਨ?
- CSS ਵੇਰੀਏਬਲ ਤੁਹਾਨੂੰ ਇੱਕ ਵਾਰ ਰੰਗ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਅਤੇ ਇਸਨੂੰ ਦੁਬਾਰਾ ਵਰਤਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਤੁਹਾਡੀਆਂ ਸ਼ੈਲੀਆਂ ਨੂੰ ਅੱਪਡੇਟ ਕਰਨਾ ਅਤੇ ਬਣਾਈ ਰੱਖਣਾ ਆਸਾਨ ਹੋ ਜਾਂਦਾ ਹੈ।
- ਕੀ ਵੱਖ-ਵੱਖ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟਾਂ 'ਤੇ ਵੱਖ-ਵੱਖ ਸ਼ੈਲੀਆਂ ਨੂੰ ਲਾਗੂ ਕਰਨਾ ਸੰਭਵ ਹੈ?
- ਹਾਂ, ਤੁਸੀਂ ਵੱਖ-ਵੱਖ ਪਲੇਸਹੋਲਡਰ ਸ਼ੈਲੀਆਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਲਈ ਵਿਲੱਖਣ ਕਲਾਸਾਂ ਜਾਂ ਆਈਡੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਖਾਸ ਇਨਪੁਟ ਤੱਤਾਂ ਨੂੰ ਨਿਸ਼ਾਨਾ ਬਣਾ ਸਕਦੇ ਹੋ।
- ਕੀ ਕਰਦਾ ਹੈ DOMContentLoaded ਘਟਨਾ JavaScript ਵਿੱਚ ਕਰਦੇ ਹਨ?
- ਦ DOMContentLoaded ਜਦੋਂ ਸ਼ੁਰੂਆਤੀ HTML ਦਸਤਾਵੇਜ਼ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋਡ ਅਤੇ ਪਾਰਸ ਹੋ ਜਾਂਦਾ ਹੈ ਤਾਂ ਇਵੈਂਟ ਫਾਇਰ ਹੁੰਦਾ ਹੈ।
- ਕੀ ਮੈਂ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨਾਲ CSS ਐਨੀਮੇਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹਾਂ?
- ਹਾਂ, ਤੁਸੀਂ ਡਾਇਨਾਮਿਕ ਵਿਜ਼ੂਅਲ ਇਫੈਕਟ ਬਣਾਉਣ ਲਈ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ 'ਤੇ CSS ਐਨੀਮੇਸ਼ਨ ਲਾਗੂ ਕਰ ਸਕਦੇ ਹੋ।
- ਕਿਉਂ ਨਹੀਂ color ਸਟਾਈਲਿੰਗ ਪਲੇਸਹੋਲਡਰਾਂ ਲਈ ਇਕੱਲੀ ਜਾਇਦਾਦ ਕੰਮ ਕਰਦੀ ਹੈ?
- ਦ color ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਦੇ ਬ੍ਰਾਊਜ਼ਰ-ਵਿਸ਼ੇਸ਼ ਹੈਂਡਲਿੰਗ ਦੇ ਕਾਰਨ ਇਕੱਲੀ ਜਾਇਦਾਦ ਕੰਮ ਨਹੀਂ ਕਰ ਸਕਦੀ, ਜਿਸ ਲਈ ਵਾਧੂ ਸਟਾਈਲਿੰਗ ਤਕਨੀਕਾਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਸਟਾਈਲਿੰਗ 'ਤੇ ਅੰਤਿਮ ਵਿਚਾਰ
ਸਿੱਟੇ ਵਜੋਂ, HTML ਇਨਪੁਟ ਖੇਤਰਾਂ ਵਿੱਚ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਸਟਾਈਲਿੰਗ ਕਰਨ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਅਨੁਕੂਲਤਾ ਅਤੇ ਵਿਜ਼ੂਅਲ ਇਕਸਾਰਤਾ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ CSS ਅਤੇ JavaScript ਤਕਨੀਕਾਂ ਦਾ ਸੁਮੇਲ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ। CSS ਸੂਡੋ-ਐਲੀਮੈਂਟਸ, ਵਿਕਰੇਤਾ ਅਗੇਤਰ, ਅਤੇ JavaScript ਇਵੈਂਟ ਸੁਣਨ ਵਾਲਿਆਂ ਦੀ ਵਰਤੋਂ ਮਜ਼ਬੂਤ ਹੱਲਾਂ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਇਹਨਾਂ ਤਰੀਕਿਆਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਕੇ, ਡਿਵੈਲਪਰ ਵਧੇਰੇ ਉਪਭੋਗਤਾ-ਅਨੁਕੂਲ ਅਤੇ ਸੁਹਜ ਪੱਖੋਂ ਪ੍ਰਸੰਨ ਰੂਪ ਬਣਾ ਸਕਦੇ ਹਨ। ਇਸ ਤੋਂ ਇਲਾਵਾ, CSS ਵੇਰੀਏਬਲ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਰੱਖ-ਰਖਾਅ ਅਤੇ ਅੱਪਡੇਟ ਕਰਨ ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸੁਚਾਰੂ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਸਮੁੱਚੇ ਡਿਜ਼ਾਈਨ ਨੂੰ ਵਧੇਰੇ ਕੁਸ਼ਲ ਅਤੇ ਅਨੁਕੂਲ ਬਣਾਇਆ ਜਾ ਸਕਦਾ ਹੈ।