HTML ਫਾਰਮ ਟਿਊਟੋਰਿਅਲ
ਵੈੱਬਸਾਈਟਾਂ ਦੀ ਇੱਕ ਆਮ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ ਜਿਸ ਦੇ ਨਾਲ ਕਈ ਨਵੇਂ ਵੈੱਬ ਡਿਜ਼ਾਇਨਰ ਸੰਘਰਸ਼ ਦੇ ਰੂਪ ਹਨ. ਤੁਸੀਂ ਆਪਣੀ ਵੈਬਸਾਈਟ ਤੇ ਕੋਈ ਫਾਰਮ ਜੋੜਨਾ ਚਾਹੋਗੇ ਤਾਂ ਕਿ ਲੋਕ ਤੁਹਾਡੇ ਨਾਲ ਪ੍ਰਸ਼ਨ ਪੁੱਛਣ ਜਾਂ ਤੁਹਾਡੇ ਦੁਆਰਾ ਪੇਸ਼ ਕੀਤੇ ਗਏ ਉਤਪਾਦਾਂ ਜਾਂ ਸੇਵਾਵਾਂ ਵਿਚ ਦਿਲਚਸਪੀ ਦਿਖਾਉਣ ਲਈ ਤੁਹਾਡੇ ਨਾਲ ਸੰਪਰਕ ਵਿਚ ਰਹਿਣ ਲਈ ਇਕ ਸੌਖਾ ਤਰੀਕਾ ਸਮਝਣ. ਬਦਕਿਸਮਤੀ ਨਾਲ, ਗੁੰਝਲਦਾਰ ਸਾਈਟ ਫਾਰਮਾਂ ਨੂੰ ਕਿਵੇਂ ਜੋੜਣਾ ਹੈ ਬਾਰੇ ਔਨਲਾਈਨ ਟਿਯੂਟੋਰਿਅਲ ਉਲਝਣ ਹੋ ਸਕਦੇ ਹਨ ਅਤੇ ਨਵੇਂ ਵੈਬ ਪੇਸ਼ਾਵਰ ਨੂੰ ਦੂਰ ਕਰ ਸਕਦੇ ਹਨ.
ਵੈਬ ਫਾਰਮਾਂ ਨਾਲ ਕੰਮ ਕਰਨਾ ਔਖਾ ਨਹੀਂ ਹੋਣਾ ਚਾਹੀਦਾ, ਇੱਥੋਂ ਤੱਕ ਕਿ ਨਵੇਂ ਵੈਬਿਕਸ ਲਈ ਵੀ.
ਫਾਰਮੇਟ ਫਾਰਮਾਂ ਨੂੰ ਬਣਾਉਣ ਦਾ ਇੱਕ ਆਸਾਨ ਢੰਗ ਹੈ. ਉਹ ਗਾਹਕ ਦੇ ਕੰਪਿਊਟਰ ਤੋਂ ਫਾਰਮ ਦੇ ਮਾਲਕ ਨੂੰ ਫਾਰਮ ਦੇ ਮਾਲਕ ਨੂੰ ਫਾਰਮ ਦਾ ਡੇਟਾ ਭੇਜਣ ਲਈ ਈਮੇਲ ਕਲਾਇੰਟਾਂ 'ਤੇ ਭਰੋਸਾ ਕਰਦੇ ਹਨ. ਵੈੱਬਸਾਈਟ ਦੇ ਉਪਯੋਗਕਰਤਾ ਦੁਆਰਾ ਮੁਕੰਮਲ ਹੋ ਜਾਣ ਵਾਲੇ ਫਾਰਮ ਦਾ ਡੇਟਾ ਇੱਕ ਖਾਸ ਪਤੇ ਲਈ ਈ-ਮੇਲ ਹੁੰਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਫਾਰਮ ਲਈ ਕੋਡਿੰਗ ਵਿੱਚ ਦਰਸਾਇਆ ਗਿਆ ਹੈ.
ਜੇ ਤੁਸੀਂ ਵੈਬ ਡਿਜ਼ਾਈਨ ਲਈ ਨਵੇਂ ਹੋ ਅਤੇ ਤੁਸੀਂ ਨਹੀਂ ਜਾਣਦੇ ਕਿ ਵਧੇਰੇ ਗੁੰਝਲਦਾਰ ਪਰਸਪਰ ਕ੍ਰਿਆਵਾਂ ਕਿਵੇਂ ਪ੍ਰੋਗਰਾਮ ਚਲਾਉਣਾ ਹੈ, ਜਾਂ ਤੁਸੀਂ ਇਕ ਛੋਟੀ ਜਿਹੀ ਵੈੱਬਸਾਈਟ ਚਲਾ ਰਹੇ ਹੋ ਅਤੇ ਸਿਰਫ ਇਕ ਫਾਰਮ ਨੂੰ ਜੋੜਨ ਦਾ ਇਕ ਸੌਖਾ ਤਰੀਕਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਮੇਲਟੋ ਫਾਰਮ ਨੂੰ ਸੰਪਰਕ ਫਾਰਮ ਦੇ ਰੂਪ ਵਿਚ ਰੱਖਣਾ ਬਹੁਤ ਸਾਰਾ ਹੈ PHP ਲਿਖਣਾ ਸਿੱਖਣ ਨਾਲੋਂ ਸੌਖਾ. ਇਹ ਤੁਹਾਡੇ ਲਈ ਇਹ ਕਰਨ ਲਈ ਪ੍ਰੀ-ਲਿਪੀ ਹੋਈ ਸਕਰਿੱਪ ਖਰੀਦਣ ਨਾਲੋਂ ਸਸਤਾ ਵੀ ਹੈ.
ਇਸ ਤੇਜ਼ ਟਿਊਟੋਰਿਅਲ ਨਾਲ, ਸਿੱਖੋ ਕਿ mailto ਫਾਰਮ ਕਿਵੇਂ ਵਰਤਣੇ ਹਨ. ਭਾਵੇਂ ਤੁਸੀਂ ਪਹਿਲਾਂ ਕਦੇ ਵੀ ਅਜਿਹਾ ਨਹੀਂ ਕੀਤਾ, ਤਕਨੀਕ ਦੀ ਨਿਪੁੰਨਤਾ "ਵੈਬ ਡਿਜ਼ਾਈਨ ਸ਼ੁਰੂ ਕਰਨ" ਦੇ ਖੇਤਰ ਵਿੱਚ ਆਸਾਨ ਅਤੇ ਨਿਸ਼ਚਿਤ ਰੂਪ ਵਿੱਚ ਹੈ.
ਸ਼ੁਰੂ ਕਰਨਾ
HTML ਫਾਰਮ ਨਵੇਂ ਵੈੱਬ ਡਿਵੈਲਪਰਾਂ ਲਈ ਚੁਣੌਤੀਪੂਰਨ ਹੋ ਸਕਦੇ ਹਨ ਕਿਉਂਕਿ ਉਹਨਾਂ ਨੂੰ ਕੇਵਲ HTML ਮਾਰਕੱਪ ਸਿਖਣ ਤੋਂ ਜਿਆਦਾ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ. ਫਾਰਮਾਂ ਅਤੇ ਇਸਦੇ ਖੇਤਰਾਂ ਨੂੰ ਬਣਾਉਣ ਲਈ ਲੋੜੀਂਦੇ HTML ਐਲੀਮੈਂਟ ਤੋਂ ਇਲਾਵਾ, ਤੁਹਾਡੇ ਕੋਲ "ਕੰਮ ਕਰਨ" ਦਾ ਫਾਰਮ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਵੀ ਕੁਝ ਤਰੀਕਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਸ ਨੂੰ ਆਮ ਤੌਰ ਤੇ ਫਾਰਮ ਦੀ "ਐਕਸ਼ਨ" ਵਿਸ਼ੇਸ਼ਤਾ ਵਿਚ ਬਣਾਉਣ ਲਈ ਇੱਕ ਸੀ.ਜੀ.ਆਈ. ਸਕ੍ਰਿਪਟ ਜਾਂ ਹੋਰ ਪ੍ਰੋਗਰਾਮਾਂ ਤਕ ਪਹੁੰਚ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ.
ਉਹ ਕਾਰਵਾਈ ਇਹ ਹੈ ਕਿ ਕਿਵੇਂ ਫਾਰਮ ਡਾਟਾ ਨੂੰ ਪ੍ਰਕਿਰਿਆ ਕਰਦਾ ਹੈ ਅਤੇ ਇਸਦੇ ਬਾਅਦ ਇਸ ਨਾਲ ਕੀ ਕਰਦਾ ਹੈ (ਇੱਕ ਡਾਟਾਬੇਸ ਨੂੰ ਲਿਖੋ, ਇੱਕ ਈਮੇਲ ਭੇਜੋ, ਆਦਿ)
ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਸਕ੍ਰਿਪਟ ਦੀ ਪਹੁੰਚ ਨਹੀਂ ਹੈ ਜਿਸ ਨਾਲ ਤੁਹਾਡਾ ਫਾਰਮ ਕੰਮ ਹੋ ਜਾਵੇਗਾ, ਇੱਥੇ ਇਕ ਫਾਰਮ ਦੀ ਕਾਰਵਾਈ ਹੈ ਜੋ ਜ਼ਿਆਦਾਤਰ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਸਹਾਇਤਾ ਕਰਦੇ ਹਨ.
action = " mailto: youremailaddress "
ਇਹ ਤੁਹਾਡੇ ਵੈੱਬਸਾਈਟ ਤੋਂ ਤੁਹਾਡੇ ਈਮੇਲ ਲਈ ਫਾਰਮ ਡਾਟਾ ਪ੍ਰਾਪਤ ਕਰਨ ਦਾ ਇਕ ਸੌਖਾ ਤਰੀਕਾ ਹੈ.
ਇਹ ਸੱਚ ਹੈ ਕਿ ਇਹ ਹੱਲ ਬਹੁਤ ਹੀ ਸੀਮਿਤ ਹੈ ਕਿ ਇਹ ਕੀ ਕਰ ਸਕਦਾ ਹੈ, ਪਰ ਬਹੁਤ ਛੋਟੀਆਂ ਵੈੱਬਸਾਈਟਾਂ ਲਈ, ਇਹ ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਵਧੀਆ ਜਗ੍ਹਾ ਹੈ.
ਮੈਲਟੋ ਫਾਰਮਾਂ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਲਈ ਟਰਿੱਕ
Enctype = "text / plain" ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰੋ
ਇਹ ਬਰਾਊਜ਼ਰ ਅਤੇ ਈ-ਮੇਲ ਕਲਾਇਟ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਇਹ ਫਾਰਮ ਸਧਾਰਨ ਪਾਠ ਨੂੰ ਭੇਜ ਰਿਹਾ ਹੈ ਨਾ ਕਿ ਕਿਸੇ ਵੀ ਹੋਰ ਗੁੰਝਲਦਾਰ ਚੀਜ਼ ਦੇ. ਕੁਝ ਬ੍ਰਾਊਜ਼ਰਾਂ ਅਤੇ ਈਮੇਲ ਕਲਾਇੰਟ ਵੈਬ ਪੇਜਾਂ ਲਈ ਏਨਕੋਡ ਕੀਤੇ ਫਾਰਮ ਡਾਟਾ ਭੇਜਦੇ ਹਨ. ਇਸਦਾ ਅਰਥ ਹੈ ਕਿ ਇੱਕ ਲੰਮੀ ਲਾਈਨ ਦੇ ਤੌਰ ਤੇ ਡੇਟਾ ਨੂੰ ਭੇਜਿਆ ਜਾਂਦਾ ਹੈ, ਖਾਲੀ ਥਾਂ ਨੂੰ ਪਲਸ (+) ਨਾਲ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਹੋਰ ਅੱਖਰ ਏਨਕੋਡਡ ਹੁੰਦੇ ਹਨ. Enctype = "text / plain" ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਨ ਨਾਲ ਡਾਟਾ ਨੂੰ ਪੜ੍ਹਨ ਵਿੱਚ ਅਸਾਨ ਹੋ ਜਾਂਦਾ ਹੈ.
GET ਜਾਂ POST ਵਿਧੀ ਦਾ ਉਪਯੋਗ ਕਰੋ
ਹਾਲਾਂਕਿ POST ਵਿਧੀ ਕਈ ਵਾਰ ਕੰਮ ਕਰਦੀ ਹੈ, ਪਰ ਅਕਸਰ ਇਸਦਾ ਕਾਰਨ ਹੁੰਦਾ ਹੈ ਕਿ ਬ੍ਰਾਉਜ਼ਰ ਇੱਕ ਖਾਲੀ ਈਮੇਲ ਵਿੰਡੋ ਖੋਲੇ. ਜੇ GET ਵਿਧੀ ਨਾਲ ਤੁਹਾਡੇ ਨਾਲ ਇਹ ਵਾਪਰਦਾ ਹੈ, ਤਾਂ ਫਿਰ POST ਤੇ ਜਾਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ.
ਨਮੂਨਾ ਮੇਲ ਟੂ ਫਾਰਮ
ਇੱਥੇ ਮੈਟਟੋ ਐਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਇਕ ਨਮੂਨਾ ਫਾਰਮ ਹੈ (ਨੋਟ - ਇਹ ਬਹੁਤ ਹੀ ਸਧਾਰਨ ਮਾਰਕਅਪ ਹੈ) ਆਦਰਸ਼ਕ ਤੌਰ ਤੇ ਤੁਸੀਂ ਇਹਨਾਂ ਫ਼ਾਰਮ ਖੇਤਰਾਂ ਨੂੰ ਹੋਰ ਸਿਮੈਨਿਕ ਮਾਰਕਅਪ ਅਤੇ ਐਲੀਮੈਂਟਸ ਵਰਤਦੇ ਹੋ, ਪਰ ਇਹ ਉਦਾਹਰਣ ਇਸ ਟਯੂਟੋਰਿਯਲ ਦੇ ਖੇਤਰ ਲਈ ਕਾਫੀ ਹੈ:)
ਤੁਹਾਡਾ ਪਹਿਲਾ ਨਾਮ: <ਇਨਪੁਟ ਟਾਈਪ = "ਟੈਕਸਟ" ਨਾਮ = "ਪਹਿਲਾ_ਨਾਮ">
ਤੁਹਾਡਾ ਆਖਰੀ ਨਾਂ: <ਇਨਪੁਟ ਟਾਈਪ = "ਟੈਕਸਟ" ਨਾਮ = "ਆਖਰੀ-ਨਾਮ">
ਟਿੱਪਣੀਆਂ:
<ਇਨਪੁਟ ਕਿਸਮ = "ਦਰਜ ਕਰੋ" ਮੁੱਲ = "ਭੇਜੋ">
form>
ਤੁਹਾਡੇ ਗਾਹਕਾਂ ਨੂੰ ਇੱਕ ਸੁਨੇਹਾ ਮਿਲੇਗਾ ਜੋ ਇਹ ਕਹਿੰਦੇ ਹਨ ਕਿ ਫਾਰਮ ਨੂੰ ਈਮੇਲ ਰਾਹੀਂ ਪੇਸ਼ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ. ਨਤੀਜਾ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਦਾ ਹੈ:
first_name = ਜੈਨੀਫ਼ਰ
last_name = ਕਿਰਨਿਨ
ਟਿੱਪਣੀ = ਉੱਥੇ ਹਾਂ!
ਮੈਲਟੋ ਫਾਰਮਾਂ ਬਾਰੇ ਵਿਸ਼ੇਸ਼ ਨੋਟ
ਇਕ ਵਾਰ ਫਿਰ, ਇਹ ਢੰਗ ਆਸਾਨ ਹੈ, ਜਦਕਿ ਇਹ ਬਹੁਤ ਹੀ ਸੀਮਿਤ ਹੈ. ਸਪਸ਼ਟ ਰੂਪ ਵਿੱਚ ਇਹ ਧਿਆਨ ਦੇਣਾ ਮਹੱਤਵਪੂਰਣ ਹੈ ਕਿ ਮੇਲਟੋ ਫਾਰਮ ਹਮੇਸ਼ਾ ਬ੍ਰਾਉਜ਼ਰ ਅਤੇ ਈਮੇਲ ਕਲਾਇੰਟ ਦੇ ਸਾਰੇ ਸੰਜੋਗਾਂ ਲਈ ਕੰਮ ਨਹੀਂ ਕਰਦੇ . ਜੇ ਤੁਸੀਂ ਇੱਕ ਮੇਲਟੋ ਫਾਰਮ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਹੈ ਅਤੇ ਸਫਲ ਨਹੀਂ ਹੋਏ, ਤਾਂ ਇਹ ਸ਼ਾਇਦ ਇਸੇ ਕਾਰਨ ਹੋ ਸਕਦਾ ਹੈ- ਕੁਝ ਤਕਨੀਕੀ ਤਕਨੀਕਾਂ ਹੋ ਸਕਦੀਆਂ ਹਨ ਜੋ ਕਿ ਕਾਰਜ ਨੂੰ ਫੇਲ੍ਹ ਕਰਨ ਦਾ ਕਾਰਨ ਬਣਦੀਆਂ ਹਨ ਅਜਿਹੇ ਫਾਰਮ ਨੂੰ ਵਰਤਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਨਾਲ ਸੰਭਾਵੀ ਤੌਰ ਤੇ ਦਖਲਅੰਦਾਜ਼ੀ ਕਰਨ ਸੰਬੰਧੀ ਜ਼ਿਆਦਾ ਵਿਸਥਾਰਪੂਰਵਕ ਜਾਣਕਾਰੀ ਲਈ, " ਜਦੋਂ ਮੇਲਟੋ ਫਾਰਮ ਕੰਮ ਨਾ ਕਰੋ " ਦੇਖੋ.
ਹਾਲਾਂਕਿ ਇਹ ਢੰਗ ਵੈਬ ਫਾਰਮ ਤਿਆਰ ਕਰਨ ਦਾ ਪਹਿਲਾ ਪਹਿਲਾ ਯਤਨ ਹੈ ਜੋ ਈਮੇਲ ਬਣਾਉਂਦੇ ਹਨ ਅਤੇ ਫਾਰਮ ਡਾਟਾ ਭੇਜਦੇ ਹਨ, ਕਿਉਂਕਿ ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਹੁਨਰ ਵਿੱਚ ਹੋਰ ਅਗੇ ਵਧ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹੋ, ਤੁਸੀਂ ਨਿਸ਼ਚਤ ਰੂਪ ਤੋਂ ਵਧੇਰੇ ਮਜ਼ਬੂਤ ਵਿਕਲਪਾਂ ਨੂੰ ਖੋਜਣਾ ਚਾਹੋਗੇ CGI ਸਕ੍ਰਿਪਟਾਂ ਤੋਂ PHP ਫਾਰਮਾਂ ਲਈ ਸੀਐਮਐਮਏ ਪਲੇਟਫਾਰਮਾਂ ਜਿਨ੍ਹਾਂ ਨੂੰ ਬਿਲਟ-ਇਨ ਫਾਰਮ ਵਿਡਜਿਟ ਹਨ, ਤੋਂ ਤੁਹਾਡੇ ਕੋਲ ਤੁਹਾਡੇ ਭਵਿੱਖ ਦੀ ਵੈਬਸਾਈਟ ਦੀ ਲੋੜਾਂ ਲਈ ਵਿਚਾਰ ਕਰਨ ਲਈ ਬਹੁਤ ਸਾਰੇ ਅਡਵਾਂਸਡ ਵਿਕਲਪ ਹਨ!
ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 9/12/17 ਨੂੰ ਜੈਰੀਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ