HTML ਇਨਪੁਟ ਟੈਗ ਅਤੇ ਬਟਨ ਟੈਗ ਫਾਰਮਾਂ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ

ਐਟਰੀਬਿਊਟ ਟਾਈਪ ਨੂੰ "ਬਟਨ" ਤੇ ਸੈੱਟ ਕਰਕੇ, ਇੱਕ ਸਧਾਰਨ ਕਲਿੱਕਯੋਗ ਬਟਨ ਉਤਪੰਨ ਕੀਤਾ ਜਾਵੇਗਾ. ਤੁਸੀਂ ਟੈਕਸਟ ਨੂੰ ਪ੍ਰਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਬਟਨ ਤੇ ਦਿਖਾਈ ਦੇਵੇਗਾ, ਜਿਵੇਂ "ਐਡਿਟ", ਵੈਲਯੂ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ.

ਉਦਾਹਰਣ ਲਈ:

<ਇਨਪੁਟ ਕਿਸਮ = "ਬਟਨ" ਮੁੱਲ = "ਜਮ੍ਹਾਂ ਕਰੋ">

ਧਿਆਨ ਰੱਖੋ ਕਿ <ਇਨਪੁਟ> ਟੈਗ ਇੱਕ HTML ਫਾਰਮ ਨਹੀਂ ਜਮ੍ਹਾਂ ਕਰੇਗਾ; ਤੁਹਾਨੂੰ ਅਜੇ ਵੀ ਫਾਰਮ ਡਾਟਾ ਜਮ੍ਹਾਂ ਕਰਨ ਲਈ ਜਾਵਾ-ਸਕ੍ਰਿਪਟ ਸ਼ਾਮਿਲ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੋਏਗੀ. ਇੱਕ ਜਾਵਾ-ਸਕ੍ਰਿਪਟ ਤੇ ਕਲੱਬ ਇਵੈਂਟ ਦੇ ਬਿਨਾਂ, ਬਟਨ ਕਲਿੱਕ ਕਰਨਯੋਗ ਹੋਵੇਗਾ ਪਰ ਕੁਝ ਨਹੀਂ ਹੋਵੇਗਾ, ਅਤੇ ਤੁਸੀਂ ਆਪਣੇ ਪਾਠਕਾਂ ਨੂੰ ਨਿਰਾਸ਼ ਕੀਤਾ ਹੋਵੇਗਾ.

& Lt; ਬਟਨ & gt; ਟੈਗ ਵਿਕਲਪਿਕ

ਹਾਲਾਂਕਿ ਇੱਕ ਬਟਨ ਬਣਾਉਣ ਲਈ ਇਨਪੁਟ ਟੈਗ ਦਾ ਉਪਯੋਗ ਇਸਦੇ ਉਦੇਸ਼ ਲਈ ਕੰਮ ਕਰਦਾ ਹੈ, ਪਰ ਇਹ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ HTML ਬਟਨਾਂ ਨੂੰ ਬਣਾਉਣ ਲਈ <ਬਟਨ> ਟੈਗ ਨੂੰ ਵਰਤਣ ਦਾ ਇੱਕ ਵਧੀਆ ਵਿਕਲਪ ਹੈ. <ਬਟਨ> ਟੈਗ ਵਧੇਰੇ ਲਚਕ ਹੁੰਦਾ ਹੈ ਕਿਉਂਕਿ ਇਹ ਤੁਹਾਨੂੰ ਬਟਨ ਲਈ ਚਿੱਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦਾ ਹੈ (ਜੋ ਤੁਹਾਡੀ ਸਾਈਟ ਦੀ ਇਕ ਡਿਜ਼ਾਈਨ ਥੀਮ ਰੱਖਦੀ ਹੈ, ਜੇ ਤੁਸੀਂ ਵਿਜ਼ੂਅਲ ਇਕਸਾਰਤਾ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਣ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰਦਾ ਹੈ), ਉਦਾਹਰਣ ਲਈ, ਅਤੇ ਇਸ ਨੂੰ ਇੱਕ ਬਟਨ ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਸਤੁਤ ਜਾਂ ਦੁਬਾਰਾ ਸੈੱਟ ਕਰਨ ਦੇ ਤੌਰ ਤੇ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਬਿਨਾਂ ਵਾਧੂ ਜਾਵਾਸਕਰਿਪਟ ਦੀ ਲੋੜ ਹੈ

ਤੁਸੀਂ ਕਿਸੇ ਵੀ <ਬਟਨ> ਟੈਗ ਵਿੱਚ ਬਟਨ ਦੀ ਕਿਸਮ ਦਾ ਵਿਸ਼ੇਸ਼ਤਾ ਨਿਸ਼ਚਿਤ ਕਰਨਾ ਚਾਹੋਗੇ. ਤਿੰਨ ਵੱਖ ਵੱਖ ਕਿਸਮਾਂ ਹਨ:

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

ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:

• ਨਾਮ - ਬਟਨ ਨੂੰ ਇੱਕ ਹਵਾਲਾ ਨਾਮ ਦਿੰਦਾ ਹੈ
• ਮੁੱਲ - ਬਟਨ ਨੂੰ ਪਹਿਲਾਂ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਮੁੱਲ ਨਿਰਧਾਰਤ ਕਰੋ.
• ਅਯੋਗ - ਬਟਨ ਨੂੰ ਬੰਦ ਕਰਦਾ ਹੈ

HTML5 ਨੇ <ਬਟਨ> ਟੈਗ ਵਿੱਚ ਕੁਝ ਹੋਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਜੋੜੀਆਂ ਹਨ ਜੋ ਤੁਹਾਨੂੰ ਹੋਰ ਕਾਰਜਸ਼ੀਲਤਾ ਦਿੰਦੀਆਂ ਹਨ.

• ਆਟਫੋਕਸ - ਜਦੋਂ ਪੰਨਾ ਲੋਡ ਕਰਦਾ ਹੈ, ਇਹ ਨਿਸ਼ਚਿਤ ਕਰਦਾ ਹੈ ਕਿ ਇਹ ਬਟਨ ਫੋਕਸ ਹੈ. ਇੱਕ ਪੇਜ 'ਤੇ ਸਿਰਫ ਇੱਕ ਆਟੋਫੋਕਸ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ.
• ਫਾਰਮ - ਉਹੀ HTML ਦਸਤਾਵੇਜ਼ ਦੇ ਅੰਦਰ ਇੱਕ ਫਾਰਮ ਦੇ ਨਾਲ ਬਟਨ ਨੂੰ ਐਸੋਬਏਟ ਕਰਦਾ ਹੈ, ਫਾਰਮ ਦੇ ਪਛਾਣਕਰਤਾ ਦੀ ਵਰਤੋਂ ਜਿਵੇਂ ਕਿ ਮੁੱਲ. ਉਦਾਹਰਣ ਲਈ:
  • ਜਮ੍ਹਾਂ ਕਰੋ
• formaction - ਸਿਰਫ type = "submit" ਅਤੇ URL ਨੂੰ ਮੁੱਲ ਦੇ ਤੌਰ ਤੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਇਹ ਦੱਸਦੀ ਹੈ ਕਿ ਕਿੱਥੇ ਫਾਰਮ ਭੇਜਿਆ ਜਾਵੇਗਾ. ਉਦਾਹਰਣ ਲਈ:
  • ਫਾਰਮ ਡੇਟਾ ਨੂੰ ਕਿਸੇ ਹੋਰ ਪੇਜ ਤੇ ਜਮ੍ਹਾਂ ਕਰੋ
• formenctype - ਸਿਰਫ "type" = "submit" ਐਟਰੀਬਿਊਟ ਨਾਲ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ ਕਿ ਕਿਵੇਂ ਸਰਵਰ ਨੂੰ ਪੇਸ਼ ਕਰਦੇ ਸਮੇਂ ਫਾਰਮ ਡਾਟਾ ਇੰਕੋਡ ਕੀਤਾ ਜਾਣਾ ਹੈ. ਤਿੰਨ ਮੁੱਲ ਐਪਲੀਕੇਸ਼ਨ / x-www-form-urlencoded (ਡਿਫਾਲਟ), ਮਲਟੀਪਾਰਟ / ਫਾਰਮ-ਡਾਟਾ ਅਤੇ ਟੈਕਸਟ / ਪਲੇਨ ਹਨ.
• formmethod - ਸਿਰਫ ਟਾਈਪ = "ਜਮ੍ਹਾਂ ਕਰੋ" ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਵਰਤੀ ਗਈ. ਇਹ ਫਾਰਮੈਟ ਡਾਟਾ ਜਮ੍ਹਾਂ ਕਰਦੇ ਸਮੇਂ ਕਿਹੜਾ HTTP ਵਿਧੀ ਵਰਤੀ ਹੈ, ਜਾਂ ਤਾਂ ਪ੍ਰਾਪਤ ਕਰੋ ਜਾਂ ਪੋਸਟ ਕਰੋ.
• formnovalidate - ਸਿਰਫ "type" = "submit" ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਵਰਤੀ ਗਈ. ਜਮ੍ਹਾਂ ਕਰਵਾਉਣ ਵੇਲੇ ਫਾਰਮ ਡਾਟਾ ਪ੍ਰਮਾਣਿਤ ਨਹੀਂ ਕੀਤਾ ਜਾਵੇਗਾ.
• formtarget - ਸਿਰਫ ਟਾਈਪ = "ਜਮ੍ਹਾਂ ਕਰੋ" ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਵਰਤੀ ਗਈ. ਇਹ ਸੰਕੇਤ ਕਰਦਾ ਹੈ ਕਿ ਜਦੋਂ ਫਾਰਮ ਡਾਟਾ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਨਵੀਂ ਵਿੰਡੋ ਵਿੱਚ, ਸਾਈਟ ਦੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕਦੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤੀ ਜਾਣੀ ਚਾਹੀਦੀ ਹੈ. ਮੁੱਲ ਵਿਕਲਪ ਜਾਂ ਤਾਂ _blank, _self, _parent, _top, ਜਾਂ ਇੱਕ ਖਾਸ ਫਰੇਮ ਦਾ ਨਾਂ ਹੈ.

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