ਫਾਰਮ 'ਤੇ HTML ਬਟਨ ਬਣਾਉਣਾ

ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰਨ ਲਈ ਇੰਪੁੱਟ ਟੈਗ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ

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

ਇਹ ਕਈ ਢੰਗ ਹਨ ਜੋ ਤੁਸੀਂ ਆਪਣੇ ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰ ਸਕਦੇ ਹੋ:

• <ਇਨਪੁਟ ਕਿਸਮ = "ਜਮ੍ਹਾਂ ਕਰੋ">
  • ਇਹ ਸਰਵਰ ਨੂੰ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਸਭ ਤੋਂ ਆਮ ਤਰੀਕਾ ਹੈ, ਪਰ ਇਹ ਬਹੁਤ ਹੀ ਸਾਦਾ ਹੋ ਸਕਦਾ ਹੈ.
• <ਇਨਪੁਟ ਕਿਸਮ = "ਚਿੱਤਰ">
  • ਇੱਕ ਚਿੱਤਰ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ ਤੁਹਾਡੇ ਲਈ ਆਪਣੀ ਸਾਈਟ ਦੀ ਸ਼ੈਲੀ ਨਾਲ ਤੁਹਾਡੇ ਬਟਨ ਨੂੰ ਅਨੁਕੂਲ ਬਣਾਉਣਾ ਬਹੁਤ ਅਸਾਨ ਬਣਾਉਂਦਾ ਹੈ ਪਰ ਕੁਝ ਲੋਕ ਇਸ ਨੂੰ ਇੱਕ ਐਸਬੀਆਈਟ ਬਟਨ ਵਜੋਂ ਨਹੀਂ ਪਛਾਣ ਸਕਦੇ.
• <ਇਨਪੁਟ ਟਾਈਪ = "ਬਟਨ">
  • ਬਟਨ ਇਨਪੁਟ ਟੈਗ ਚਿੱਤਰ ਇਨਪੁਟ ਟੈਗ ਦੇ ਤੌਰ ਤੇ ਬਹੁਤ ਸਾਰੇ ਵਿਕਲਪ ਦਿੰਦਾ ਹੈ, ਪਰ ਮਿਆਰੀ ਪ੍ਰਸਤੁਤ ਟਾਈਪ ਵਰਗਾ ਹੋਰ ਦਿਖਦਾ ਹੈ. ਇਸ ਨੂੰ ਸਰਗਰਮ ਕਰਨ ਲਈ ਜਾਵਾ-ਸਕਰਿਪਟ ਦੀ ਲੋੜ ਹੈ
• <ਬਟਨ>
  • BUTTON ਟੈਗ INPUT ਟੈਗ ਤੋਂ ਇੱਕ ਹੋਰ ਬਹੁਪੱਖੀ ਬਟਨ ਹੈ. ਇਸ ਟੈਗ ਨੂੰ ਜਵਾਕ੍ਰਿਪਟ ਨੂੰ ਐਕਟੀਵੇਟ ਕਰਨ ਦੀ ਲੋੜ ਹੈ.
• <ਕਮਾਂਡ ਟਾਈਪ = "ਕਮਾਂਡ">
  • COMMAND ਐਲੀਮੈਂਟ HTML5 ਵਿੱਚ ਨਵਾਂ ਹੈ, ਅਤੇ ਇਹ ਸਬੰਧਤ ਕਿਰਿਆਵਾਂ ਨਾਲ ਸਕ੍ਰਿਪਟਾਂ ਅਤੇ ਫਾਰਮਾਂ ਨੂੰ ਐਕਟੀਵੇਟ ਕਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਮੁਹੱਈਆ ਕਰਦਾ ਹੈ. ਇਹ ਜਾਵਾ-ਸਕ੍ਰਿਪਟ ਨਾਲ ਸਰਗਰਮ ਹੈ.

ਇਨਪੁਟ ਐਲੀਮੈਂਟ

INPUT ਤੱਤ ਇੱਕ ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰਨ ਦਾ ਸਭ ਤੋਂ ਆਮ ਤਰੀਕਾ ਹੈ, ਤੁਸੀਂ ਜੋ ਵੀ ਕਰਦੇ ਹੋ ਇੱਕ ਕਿਸਮ (ਬਟਨ, ਚਿੱਤਰ, ਜਾਂ ਜਮ੍ਹਾਂ ਕਰੋ) ਚੁਣਦੇ ਹਨ ਅਤੇ ਜੇ ਜਰੂਰੀ ਹੈ ਤਾਂ ਫਾਰਮ ਕਿਰਿਆ ਨੂੰ ਜਮ੍ਹਾਂ ਕਰਨ ਲਈ ਕੁਝ ਸਕ੍ਰਿਪਟ ਸ਼ਾਮਿਲ ਕਰੋ.

ਐਲੀਮੈਂਟ ਨੂੰ ਇਸ ਤਰਾਂ ਲਿਖਿਆ ਜਾ ਸਕਦਾ ਹੈ. ਪਰ ਜੇ ਤੁਸੀਂ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡੇ ਕੋਲ ਵੱਖ-ਵੱਖ ਬ੍ਰਾਉਜ਼ਰ ਵਿਚ ਵੱਖਰੇ ਨਤੀਜੇ ਹੋਣਗੇ. ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਊਜ਼ਰ ਇੱਕ ਬਟਨ ਬਣਾਉਂਦੇ ਹਨ ਜੋ "ਦਰਜ ਕਰੋ" ਕਹਿੰਦਾ ਹੈ ਪਰ ਫਾਇਰਫਾਕਸ ਇੱਕ ਅਜਿਹਾ ਬਟਨ ਬਣਾਉਂਦਾ ਹੈ ਜਿਸਦਾ ਜਵਾਬ ਹੈ "ਪੁੱਛਗਿੱਛ ਭੇਜੋ." ਬਟਨ ਨੂੰ ਬਦਲਣ ਲਈ, ਤੁਹਾਨੂੰ ਇੱਕ ਗੁਣ ਸ਼ਾਮਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ:

ਮੁੱਲ = "ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰੋ">

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

onclick = "ਦਰਜ ਕਰੋ ();">

ਇਹ ਬਟਨ ਦੀ ਕਿਸਮ ਦੇ ਸਮਾਨ ਹੈ, ਜਿਸ ਲਈ ਫਾਰਮ ਨੂੰ ਜਮ੍ਹਾਂ ਕਰਨ ਲਈ ਇੱਕ ਸਕ੍ਰਿਪਟ ਦੀ ਜ਼ਰੂਰਤ ਹੈ. ਇਸਦੇ ਇਲਾਵਾ, ਪਾਠ ਮੁੱਲ ਦੀ ਬਜਾਏ, ਤੁਹਾਨੂੰ ਇੱਕ ਚਿੱਤਰ ਸਰੋਤ URL ਜੋੜਨ ਦੀ ਲੋੜ ਹੈ

src = "submit.gif">

ਬੂਟਟਨ ਐਲੀਮੈਂਟ

ਬੂਟ (BUTTON) ਤੱਤ ਲਈ ਇੱਕ ਖੁੱਲਣ ਵਾਲੀ ਟੈਗ ਅਤੇ ਇੱਕ ਕਲੋਜ਼ਿੰਗ ਟੈਗ ਦੋਵੇਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਇਸਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ, ਤੁਸੀਂ ਟੈਗ ਦੇ ਅੰਦਰ ਸ਼ਾਮਲ ਕਿਸੇ ਵੀ ਸਮਗਰੀ ਨੂੰ ਇੱਕ ਬਟਨ ਵਿੱਚ ਨੱਥੀ ਕੀਤਾ ਜਾਵੇਗਾ. ਫਿਰ ਤੁਸੀਂ ਸਕਰਿਪਟ ਨਾਲ ਬਟਨ ਨੂੰ ਐਕਟੀਵੇਟ ਕਰਦੇ ਹੋ.

ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰੋ

ਤੁਸੀਂ ਆਪਣੇ ਬਟਨ ਵਿਚ ਤਸਵੀਰਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਇੱਕ ਹੋਰ ਦਿਲਚਸਪ ਬਟਨ ਨੂੰ ਬਣਾਉਣ ਲਈ ਚਿੱਤਰ ਅਤੇ ਪਾਠ ਜੋੜ ਸਕਦੇ ਹੋ.

ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰੋ

COMMAND ਐਲੀਮੈਂਟ

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

label = "ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰੋ">

ਜੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਤੁਹਾਡਾ ਕਮਾਂਡ ਕਿਸੇ ਚਿੱਤਰ ਦੁਆਰਾ ਪ੍ਰਸਤੁਤ ਹੋਵੇ, ਤਾਂ ਤੁਸੀਂ ਆਈਕਾਨ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ.

icon = "submit.gif">

ਇਹ ਲੇਖ HTML ਫਾਰਮ ਟਿਊਟੋਰਿਅਲ ਦਾ ਹਿੱਸਾ ਹੈ . HTML ਫਾਰਮਾਂ ਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਸਿੱਖਣ ਲਈ ਪੂਰਾ ਟਿਊਟੋਰਿਅਲ ਪੜ੍ਹੋ

HTML ਫਾਰਮਾਂ ਵਿੱਚ ਜਮ੍ਹਾਂ ਕਰਨ ਦੇ ਕਈ ਵੱਖਰੇ ਤਰੀਕੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਪਿਛਲੇ ਸਫ਼ੇ ਤੇ ਸਿੱਖਿਆ ਹੈ. ਇਨ੍ਹਾਂ ਵਿਚੋਂ ਦੋ ਢੰਗ INPUT ਟੈਗ ਅਤੇ ਬੂਟੋਨ ਟੈਗ ਹਨ. ਇਹਨਾਂ ਦੋਨਾਂ ਤੱਤਾਂ ਦੇ ਵਰਤਣ ਦੇ ਚੰਗੇ ਕਾਰਨ ਹਨ

ਇਨਪੁਟ ਐਲੀਮੈਂਟ

ਇੱਕ ਫਾਰਮ ਨੂੰ ਜਮ੍ਹਾ ਕਰਨ ਦਾ ਟੈਗ ਸਭ ਤੋਂ ਆਸਾਨ ਤਰੀਕਾ ਹੈ. ਇਸ ਨੂੰ ਟੈਗ ਤੋਂ ਇਲਾਵਾ ਹੋਰ ਕੁਝ ਵੀ ਨਹੀਂ ਲੋੜੀਂਦਾ ਹੈ, ਮੁੱਲ ਵੀ ਨਹੀਂ. ਜਦੋਂ ਕੋਈ ਗਾਹਕ ਬਟਨ ਤੇ ਕਲਿਕ ਕਰਦਾ ਹੈ, ਇਹ ਆਪਣੇ-ਆਪ ਹੀ ਪੇਸ਼ ਕਰਦਾ ਹੈ. ਤੁਹਾਨੂੰ ਕਿਸੇ ਵੀ ਸਕ੍ਰਿਪਟਾਂ ਨੂੰ ਜੋੜਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ, ਜਦੋਂ ਬ੍ਰਾਉਜ਼ਰ ਇਨਪੁਟ ਟੈਗ ਨੂੰ ਜਮ੍ਹਾਂ ਕਰਦੇ ਹੋਏ ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰਾਉਂਦੇ ਹਨ.

ਸਮੱਸਿਆ ਇਹ ਹੈ ਕਿ ਇਹ ਬਟਨ ਬਹੁਤ ਹੀ ਬਦਸੂਰਤ ਅਤੇ ਸਾਦਾ ਹੈ. ਤੁਸੀਂ ਇਸ ਵਿਚ ਤਸਵੀਰਾਂ ਨਹੀਂ ਜੋੜ ਸਕਦੇ. ਤੁਸੀਂ ਇਸਨੂੰ ਕਿਸੇ ਹੋਰ ਤੱਤ ਦੀ ਤਰ੍ਹਾਂ ਸਟਾਈਲ ਕਰ ਸਕਦੇ ਹੋ, ਪਰ ਇਹ ਹਾਲੇ ਵੀ ਇਕ ਬਦਨੀਤੀ ਵਾਲੇ ਬਟਨ ਵਰਗਾ ਮਹਿਸੂਸ ਕਰ ਸਕਦਾ ਹੈ.

INPUT ਢੰਗ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜਦੋਂ ਤੁਹਾਡੇ ਫਾਰਮ ਨੂੰ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਵੀ ਅਨੁਕੂਲ ਬਣਾਉਣਾ ਹੈ ਜਿਸ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬੰਦ ਹੈ.

ਬੂਟਟਨ ਐਲੀਮੈਂਟ

ਬਟਟਨ ਦੇ ਤੱਤ ਫਾਰਮ ਜਮ੍ਹਾਂ ਕਰਨ ਲਈ ਵਧੇਰੇ ਵਿਕਲਪ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ. ਤੁਸੀਂ ਕੁੱਝ ਨੂੰ ਬੂਟ (BUTTON) ਐਲੀਮੈਂਟ ਦੇ ਅੰਦਰ ਪਾ ਸਕਦੇ ਹੋ ਅਤੇ ਇਸ ਨੂੰ ਇੱਕ ਐਸਬੀਆਈਟ ਬਟਨ ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹੋ. ਆਮ ਤੌਰ 'ਤੇ ਲੋਕ ਚਿੱਤਰ ਅਤੇ ਪਾਠ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਪਰ ਤੁਸੀਂ ਇੱਕ ਡੀ.ਆਈ.ਵੀ ਬਣਾ ਸਕਦੇ ਹੋ ਅਤੇ ਉਸ ਸਾਰੀ ਚੀਜ਼ ਨੂੰ ਇੱਕ ਐਸਬੀਆਈਟ ਬਟਨ ਬਣਾ ਸਕਦੇ ਹੋ ਜੇ ਤੁਸੀਂ ਚਾਹੋ

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

ਬੂਤਨ ਢੰਗ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਨਾਜ਼ੁਕ ਤੌਰ 'ਤੇ ਨਹੀਂ ਹਨ. ਇਸਦੇ ਨਾਲ ਹੀ, ਇਹ ਇੱਕ ਵਧੀਆ ਢੰਗ ਹੈ ਜਿਵੇਂ ਇੱਕ ਵਾਧੂ ਫਾਰਮਿੰਗ ਨੂੰ ਇੱਕ ਫਾਰਮ ਵਿੱਚ.

ਇਹ ਲੇਖ HTML ਫਾਰਮ ਟਿਊਟੋਰਿਅਲ ਦਾ ਹਿੱਸਾ ਹੈ. ਇਸ ਬਾਰੇ ਹੋਰ ਜਾਣਨ ਲਈ ਕਿ HTML ਫਾਰਮ ਕਿਵੇਂ ਵਰਤਣੇ ਹਨ, ਇਸ ਨੂੰ ਪੜ੍ਹੋ