ਕੋਣਕ ਪਦਾਰਥਕ ਭਾਗ ਟਿORIALਟੋਰਿਅਲ: ਫਾਰਮ ਨਿਯੰਤਰਣ, ਫਾਰਮ ਖੇਤਰ, ਇਨਪੁਟ

ਕੋਣਕ ਪਦਾਰਥਕ ਭਾਗ ਟਿorialਟੋਰਿਅਲ: ਫਾਰਮ ਨਿਯੰਤਰਣ, ਫਾਰਮ ਖੇਤਰ, ਇਨਪੁਟ

ਇਸ ਐਂਗੂਲਰ ਸਮਗਰੀ ਵਿੱਚ, ਅਸੀਂ ਤੁਹਾਨੂੰ ਦਿਖਾਵਾਂਗੇ ਕਿ ਕਾਰਜਕਾਰੀ ਉਦਾਹਰਣਾਂ ਦੇ ਨਾਲ ਐਂਗੁਲਰ ਮੈਟੀਰੀਅਲ ਫਾਰਮ ਨਿਯੰਤਰਣ, ਫਾਰਮ ਫੀਲਡ ਅਤੇ ਇਨਪੁਟ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ. ਇੱਕ ਕੋਣੀ ਪਦਾਰਥਕ ਫਾਰਮ ਨਿਯੰਤਰਣ ਇੱਕ ਜ਼ਰੂਰੀ ਭਾਗ ਹੈ, ਖ਼ਾਸਕਰ ਜਦੋਂ ਡੇਟਾ ਦੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹੋਏ. ਇੱਥੇ ਕੁਝ ਐਂਗੂਲਰ ਮੈਟੀਰੀਅਲ ਫਾਰਮ ਨਿਯੰਤਰਣ ਹਨ ਜਿਵੇਂ ਆਟੋਕੰਪਲੀਟ, ਚੈਕਬਾਕਸ, ਡੇਟ ਪਿਕਰ, ਫਾਰਮ ਫੀਲਡ, ਇਨਪੁਟ, ਰੇਡੀਓ ਬਟਨ, ਸਿਲੈਕਟ, ਸਲਾਈਡਰ ਅਤੇ ਸਲਾਈਡ ਟੌਗਲ. ਇਸ ਵਾਰ ਅਸੀਂ ਤੁਹਾਨੂੰ ਸਾਰੇ ਐਂਗੂਲਰ ਮੈਟੀਰੀਅਲ ਫਾਰਮ ਕੰਟ੍ਰੋਲਸ, ਫਾਰਮ ਫੀਲਡ ਅਤੇ ਇਨਪੁਟ ਲਈ ਉਦਾਹਰਣਾਂ ਦਿਖਾਵਾਂਗੇ.

ਇਸ ਟਿorialਟੋਰਿਅਲ ਲਈ ਹੇਠਾਂ ਦਿੱਤੇ ਸੰਦ, frameਾਂਚੇ ਅਤੇ ਲਾਇਬ੍ਰੇਰੀਆਂ ਜਾਂ ਮੋਡੀulesਲ ਲੋੜੀਂਦੇ ਹਨ.

ਨੋਡ.ਜੇਐਸ
ਕੋਣ 8
ਕੋਣੀ ਸਮੱਗਰੀ
ਟਰਮੀਨਲ (ਲੀਨਕਸ/ਮੈਕ) ਜਾਂ ਨੋਡ ਕਮਾਂਡ ਲਾਈਨ (ਵਿੰਡੋਜ਼)
ਟੈਕਸਟ ਐਡੀਟਰ ਜਾਂ ਆਈਡੀਈ (ਅਸੀਂ ਵੀਐਸਕੋਡ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ)

ਤਿਆਰੀ

ਅਸੀਂ ਇਸ ਸਾਰੇ ਐਂਗੂਲਰ ਮੈਟੀਰੀਅਲ ਫਾਰਮ ਨਿਯੰਤਰਣ ਉਦਾਹਰਣਾਂ ਨੂੰ ਇੱਕ ਅਰਜ਼ੀ ਵਿੱਚ ਜੋੜਾਂਗੇ. ਇਸਦੇ ਲਈ, ਅਸੀਂ ਸਾਰੇ ਲੋੜੀਂਦੇ ਐਂਗੂਲਰ 8 ਐਪਲੀਕੇਸ਼ਨਾਂ ਅਤੇ ਐਂਗੂਲਰ ਸਮਗਰੀ ਤਿਆਰ ਕਰਾਂਗੇ. ਹੁਣ, ਅਸੀਂ ਐਂਗੂਲਰ CLI ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇੱਕ ਐਂਗੂਲਰ 8 ਐਪ ਬਣਾ ਰਹੇ ਹਾਂ ਜਿਸਨੂੰ ਇਸਨੂੰ ਸਥਾਪਤ ਕਰਨ ਜਾਂ ਅਪਡੇਟ ਕਰਨ ਲਈ Node.js ਅਤੇ NPM ਦੀ ਜ਼ਰੂਰਤ ਹੈ. Angular CLI ਨੂੰ ਸਥਾਪਤ ਕਰਨ ਜਾਂ ਅਪਡੇਟ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਤੁਹਾਨੂੰ Node.js ਅਤੇ NPM ਸਥਾਪਤ ਕਰਨਾ ਪਏਗਾ. ਕਿਸੇ ਐਂਗੂਲਰ CLI ਨੂੰ ਸਥਾਪਤ ਜਾਂ ਅਪਡੇਟ ਕਰਨ ਲਈ ਇਹ ਕਮਾਂਡ ਟਾਈਪ ਕਰੋ.

sudo npm install -g @angular/cli

ਅੱਗੇ, ਇਸ ਕਮਾਂਡ ਨੂੰ ਟਾਈਪ ਕਰਕੇ ਐਂਗੁਲਰ ਸੀ ਐਲ ਆਈ ਦੀ ਵਰਤੋਂ ਕਰਦਿਆਂ ਇੱਕ ਨਵਾਂ ਐਂਗੂਲਰ 8 ਐਪ ਬਣਾਉ.

ng new angular-material-form-controls

ਉਹ ਕਮਾਂਡ | _+_ | ਨਾਮ ਦੇ ਨਾਲ ਇੱਕ ਨਵੀਂ ਐਂਗੂਲਰ 8 ਐਪ ਬਣਾਏਗੀ ਅਤੇ ਸਾਰੇ ਪ੍ਰਸ਼ਨਾਂ ਨੂੰ 'Y' ਦੇ ਰੂਪ ਵਿੱਚ ਪਾਸ ਕਰੋ ਫਿਰ ਐਂਗੂਲਰ CLI ਆਪਣੇ ਆਪ ਲੋੜੀਂਦੇ NPM ਮੋਡੀulesਲ ਸਥਾਪਤ ਕਰ ਦੇਵੇਗਾ. ਮੁਕੰਮਲ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਨਵੇਂ ਬਣਾਏ ਗਏ ਐਂਗੂਲਰ 8 ਫੋਲਡਰ ਤੇ ਜਾਓ ਫਿਰ ਪਹਿਲੀ ਵਾਰ ਐਂਗੂਲਰ 8 ਐਪ ਚਲਾਓ.

angular-material-form-controls

ਉਸ – ਓਪਨ ਪੈਰਾਮੀਟਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਤੁਹਾਡੇ ਡਿਫੌਲਟ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਐਂਗੂਲਰ 8 ਆਪਣੇ ਆਪ ਖੁੱਲ ਜਾਵੇਗਾ. ਇਹ ਐਂਗੂਲਰ 8 ਡਿਫੌਲਟ ਪੇਜ ਵਰਗਾ ਹੈ.

cd ./angular-material-form-controls ng serve --open

ਇਸ ਸ਼ੈਲੀਆਂ ਨੂੰ | _+_ | 'ਤੇ ਸ਼ਾਮਲ ਕਰੋ.

https://s3-ap-southeast-1.amazonaws.com/djamblog/article-181019205345.png'> element.  Option   ਦਿੱਖ ਸੰਪਤੀ ਉਦਾਹਰਣ ਦੇ ਨਾਲ ਫਾਰਮ ਖੇਤਰ  
 ਇਹ ਉਦਾਹਰਣ ਤੁਹਾਨੂੰ ਫਾਰਮ ਖੇਤਰ ਦਿੱਖ ਸੰਪਤੀ ਦੀ ਵਰਤੋਂ ਦਿਖਾਏਗੀ. ਤੁਸੀਂ ਪਿਛਲੀ ਉਦਾਹਰਣ ਤੇ ਟਿੱਪਣੀ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਇਹਨਾਂ HTML ਟੈਗਸ ਨੂੰ | _+_ | ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ.
ਔਸਤ ਮੇਰਾ ਫ਼ੋਨ ਲੱਭੋ
src/app/app.component.scss  ਫਲੋਟਿੰਗ ਲੇਬਲ ਅਤੇ ਲੁਕਾਓ ਲੋੜੀਂਦਾ ਮਾਰਕਰ  
 ਫਲੋਟਿੰਗ ਲੇਬਲ ਮੋਡ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰਨ ਅਤੇ ਲੋੜੀਂਦੇ ਮਾਰਕਰ (ਐਸਟਰਿਕਸ) ਨੂੰ ਲੁਕਾਉਣ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ. ਇੱਥੇ ਉਨ੍ਹਾਂ ਲਈ ਉਦਾਹਰਣਾਂ ਹਨ.
.form-container { display: flex; flex-direction: column; } .form-container > * { width: 100%; } ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ ਫਲੋਟ ਲੇਬਲ ਦੀ ਸੰਰਚਨਾ ਕਰਨ ਲਈ ਤੁਸੀਂ MA_LABEL_GLOBAL_OPTIONS ਦੇ ਇਸ ਆਯਾਤ ਨੂੰ | _+_ | ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ।
ਰੂਨ ਸਿੱਕਾ ਕਿੱਥੇ ਖਰੀਦਣਾ ਹੈ
src/app/app.component.htmlਇਸਨੂੰ gNgModule ਪ੍ਰਦਾਤਾਵਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ.
  Email Address: mail_outline Input the fully qualified email address 
  Phone Number: phone Phone number with Country code 
  Username: person_outline Use unique username 
  Password lock Min 8 char 1 number and 1 alpha 
 ਗਲੋਬਲ ਸੰਰਚਨਾ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੀ ਹਰੇਕ [ਫਲੋਟ ਲੇਬਲ] ਸੰਪਤੀ ਨੂੰ ਹਟਾਓ.
   ਸੰਕੇਤ ਲੇਬਲ ਦਿਖਾਓ  
 ਇਹ ਕੰਪੋਨੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸੰਕੇਤ ਲੇਬਲ ਦੀ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਜੋ ਅਲਾਈਨ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਖੱਬੇ ਅਤੇ ਸੱਜੇ ਵਿਸ਼ੇਸ਼ ਸਥਿਤੀ ਦੇ ਨਾਲ ਸੰਕੇਤ ਪ੍ਰਦਰਸ਼ਤ ਕਰਦੀ ਹੈ.
 Last Name Nickname Family Name   ਗਲਤੀ ਸੁਨੇਹੇ ਦਿਖਾਉ  
 ਇਹ ਉਦਾਹਰਣ ਤੁਹਾਨੂੰ ਦਿਖਾਏਗੀ ਕਿ ਇਨਪੁਟ ਟਾਈਪ ਕਰਨ ਜਾਂ ਭਰਨ ਵੇਲੇ ਕੁਝ ਗਲਤ ਹੋਇਆ ਹੈ ਤਾਂ ਗਲਤੀ ਸੰਦੇਸ਼ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਤ ਕਰਨਾ ਹੈ. ਗਲਤੀ ਸੁਨੇਹੇ ਇਨਪੁਟ ਦੇ ਹੇਠਾਂ ਪ੍ਰਦਰਸ਼ਤ ਕੀਤੇ ਜਾਣਗੇ ਅਤੇ ਜੇ ਕੋਈ ਗਲਤੀ ਨਹੀਂ ਫੜੀ ਗਈ ਤਾਂ ਡਿਫੌਲਟ ਦੇ ਰੂਪ ਵਿੱਚ ਲੁਕਿਆ ਰਹੇਗਾ. ਇਹ ਉਦਾਹਰਣ ਐਂਗੂਲਰ ਫਾਰਮ ਕੰਟਰੋਲ ਪ੍ਰਮਾਣਕ ਦੀ ਵਰਤੋਂ ਕਰੇਗੀ, ਇਸਦੇ ਲਈ, ਖੋਲ੍ਹੋ ਅਤੇ ਸੰਪਾਦਿਤ ਕਰੋ | _+_ | ਫਿਰ ਇਸ ਆਯਾਤ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ.
src/app/app.module.tsਫਾਰਮ ਕੰਟਰੋਲ ਅਤੇ ਪ੍ਰਮਾਣਕ ਦਾ ਇੱਕ ਵੇਰੀਏਬਲ ਸ਼ਾਮਲ ਕਰੋ.
import { MAT_LABEL_GLOBAL_OPTIONS } from '@angular/material/core'; ਗਲਤੀ ਸੰਦੇਸ਼ਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਤ ਕਰਨ ਲਈ ਇੱਕ ਫੰਕਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ.
providers: [ { provide: MAT_LABEL_GLOBAL_OPTIONS, useValue: {float: 'always'} } ], HTML ਤੇ ਵਾਪਸ ਜਾਓ, ਪਿਛਲੀ ਉਦਾਹਰਣ ਤੇ ਟਿੱਪਣੀ ਕਰੋ ਅਤੇ ਗਲਤੀ ਸੰਦੇਸ਼ਾਂ ਦੀ ਇਸ ਉਦਾਹਰਣ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ.
ਲੀਨਕਸ ਵਿੱਚ apropos ਕਮਾਂਡ
 Estimate: {(20 - input.value?.length) } Fill with the valid email ^   ਅਗੇਤਰ/ਪਿਛੇਤਰ ਜਾਂ ਲੇਬਲ ਤੋਂ ਪਹਿਲਾਂ/ਬਾਅਦ  
 ਫਾਰਮ ਫੀਲਡ ਇਨਪੁਟ ਤੋਂ ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਲੇਬਲ ਦਿਖਾ ਸਕਦਾ ਹੈ. ਅਗੇਤਰ ਜਾਂ matPrefix ਗੁਣ ਅਤੇ ਪਿਛੇਤਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਜਾਂ matSuffix ਦੀ ਵਰਤੋਂ ਕਰਨ ਤੋਂ ਬਾਅਦ. ਇਹ ਉਦਾਹਰਣ ਹੈ.
src/app/app.component.ts  ਫਾਰਮ ਫੀਲਡ ਨੂੰ ਸਟਾਈਲ ਕਰਨਾ  
 ਸ਼ੈਲੀ ਮੈਟ-ਫਾਰਮ-ਫੀਲਡ ਅਤੇ. ਮੈਟ-ਫਾਰਮ-ਫੀਲਡ ਦੀਆਂ ਸ਼ੈਲੀਆਂ ਨੂੰ ਬਦਲ ਕੇ ਓਵਰਰਾਈਡ ਜਾਂ ਬਦਲ ਸਕਦੀ ਹੈ. ਇਸ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰਨ ਲਈ, ਖੋਲ੍ਹੋ ਅਤੇ ਸੋਧੋ | _+_ | ਫਿਰ ਇਸ ਸ਼ੈਲੀਆਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ.
import { FormControl, Validators } from '@angular/forms'; 
   ਇੰਪੁੱਟ ਉਦਾਹਰਣਾਂ  
 ਮੈਟਇਨਪੁਟ ਦੁਆਰਾ ਚਿੰਨ੍ਹਿਤ ਕੀਤਾ ਗਿਆ ਕੋਣਕ ਪਦਾਰਥ ਇਨਪੁਟ ਜਾਂ ਟੈਕਸਟ-ਏਰੀਆ ਜੋ ਮਿਆਰੀ HTML ਇਨਪੁਟ ਅਤੇ ਟੈਕਸਟ-ਏਰੀਆ ਵਿੱਚ ਜੋੜਿਆ ਗਿਆ ਹੈ. ਇਹ HTML ਇਨਪੁਟ ਅਤੇ ਟੈਕਸਟ-ਏਰੀਆ ਦੇ ਅੰਦਰ ਕੰਮ ਕਰੇਗਾ.
   ਬੇਸਿਕ ਇਨਪੁਟ ਅਤੇ ਟੈਕਸਟ ਏਰੀਆ ਉਦਾਹਰਣ  
 ਇਹ ਉਦਾਹਰਣ HTML ਇਨਪੁਟ ਅਤੇ ਟੈਕਸਟਟੇਰੀਆ ਦੇ ਅੰਦਰ ਐਂਗੁਅਲ ਮੈਟੀਰੀਅਲ ਮੈਟਇਨਪੁਟ ਦੀ ਬੁਨਿਆਦੀ ਵਰਤੋਂ ਹੈ ਜਿਸ ਦੁਆਰਾ ਲਪੇਟਿਆ ਗਿਆ ਹੈ.
email = new FormControl('', [Validators.required, Validators.email]);   ਸਮਰਥਿਤ ਇਨਪੁਟ ਕਿਸਮਾਂ ਦੀ ਉਦਾਹਰਣ  
 ਇਹ ਉਦਾਹਰਨ ਇਨਪੁਟ ਮੈਪ ਇਨਪੁਟ ਲਈ ਸਮਰਥਿਤ ਕਿਸਮਾਂ ਹਨ ਜਿਵੇਂ ਟੈਕਸਟ, ਰੰਗ, ਮਿਤੀ, ਡੇਟ ਟਾਈਮ-ਲੋਕਲ, ਈਮੇਲ, ਮਹੀਨਾ, ਨੰਬਰ, ਪਾਸਵਰਡ, ਖੋਜ, ਟੈਲੀਫੋਨ, ਸਮਾਂ, ਯੂਆਰਐਲ ਅਤੇ ਹਫਤਾ.
getErrorMessage() { return this.email.hasError('required') ? 'You must enter a value' : this.email.hasError('email') ? 'Not a valid email' : ''; }   ਇੱਕ ਕਸਟਮ ErrorStateMatcher ਨਾਲ ਇਨਪੁਟ ਕਰੋ  
 ਅਸਫਲ ਇਨਪੁਟ ਵਰਤੋਂ ਇੱਕ ਗਲਤੀ ਸੁੱਟ ਸਕਦੀ ਹੈ ਜੋ ਕਸਟਮ ਏਰਰਸਟੇਟਮੈਚਰ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇਨਪੁਟ ਦੇ ਹੇਠਾਂ ਪ੍ਰਦਰਸ਼ਤ ਹੁੰਦੀ ਹੈ. ਦੁਆਰਾ ਗਲਤੀ ਸੰਦੇਸ਼ ਦੀ ਵਰਤੋਂ ਦੀ ਆਗਿਆ ਹੈ. ErrorStateMatcher ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ, ਇਹਨਾਂ ਦਰਾਮਦਾਂ ਨੂੰ | _+_ | ਵਿੱਚ ਜੋੜੋ/ਸੋਧੋ.
 {{getErrorMessage()}} ErrorStateMatcher ਦੀ ਇਸ ਕਲਾਸ ਨੂੰ ਮੁੱਖ om ਕੰਪੋਨੈਂਟ ਤੋਂ ਪਹਿਲਾਂ ਸ਼ਾਮਲ ਕਰੋ.
 Rp. .00 ਇਸ FormControl ਵੈਲੀਡੇਟਰ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ ਅਤੇ AppComponent ਬਰੈਕਟ ਦੇ ਅੰਦਰ ErrorStateMatcher ਨੂੰ ਤਤਕਾਲ ਕਰੋ.
src/app/app.component.scss
 | _+_ | 'ਤੇ ਵਾਪਸ ਜਾਓ ਫਿਰ ErrorStateMatcher ਵਰਤੋਂ ਦੀ ਇਸ ਉਦਾਹਰਣ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ.
ਫੋਲਡਰ ਵਿੱਚ ਕੋਣੀ ਬਣਾਓ ਕੰਪੋਨੈਂਟ
mat-form-field.mat-form-field { font-size: 16px; color: blue; background-color: burlywood; border: solid 1px #c0c0ff; } ਇਹ ਹੈ, ਐਂਗੂਲਰ ਮੈਟੀਰੀਅਲ ਫਾਰਮ ਨਿਯੰਤਰਣ, ਫਾਰਮ ਫੀਲਡ ਅਤੇ ਇਨਪੁਟ ਦੀ ਉਦਾਹਰਣ. ਆਮ ਵਾਂਗ, ਤੁਸੀਂ ਸਾਡੇ ਵਿੱਚ ਪੂਰੇ ਸਰੋਤ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ GitHub .
 ਜੇ ਤੁਸੀਂ ਵੈਬ ਡਿਜ਼ਾਈਨਰ ਦੀ ਨਿਯੁਕਤੀ ਦੁਆਰਾ ਆਪਣੇ ਖੁਦ ਦੇ ਫਰੰਟ-ਐਂਡ ਜਾਂ ਆਪਣੇ ਬਜਟ ਨੂੰ ਡਿਜ਼ਾਈਨ ਕਰਨ ਵਿੱਚ ਆਪਣਾ ਸਮਾਂ ਬਰਬਾਦ ਨਹੀਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਐਂਗੂਲਰ ਟੈਂਪਲੇਟਸ ਸਭ ਤੋਂ ਵਧੀਆ ਜਗ੍ਹਾ ਹੈ. ਇਸ ਲਈ, ਪ੍ਰੀਮੀਅਮ ਦੇ ਨਾਲ ਆਪਣੇ ਫਰੰਟ-ਐਂਡ ਵੈਬ ਵਿਕਾਸ ਨੂੰ ਤੇਜ਼ ਕਰੋ ਕੋਣੀ ਟੈਂਪਲੇਟਸ . ਆਪਣੇ ਫਰੰਟ-ਐਂਡ ਪ੍ਰੋਜੈਕਟ ਲਈ ਆਪਣਾ ਟੈਮਪਲੇਟ ਚੁਣੋ ਇਥੇ .
 #ਕੋਣੀ #ਵੈਬ-ਵਿਕਾਸ #ਜਾਵਾਸਕ੍ਰਿਪਟ

ਕੋਣਕ ਪਦਾਰਥਕ ਭਾਗ ਟਿorialਟੋਰਿਅਲ: ਫਾਰਮ ਨਿਯੰਤਰਣ, ਫਾਰਮ ਖੇਤਰ, ਇਨਪੁਟ