HTML <textarea> ਟੈਗ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

<textarea> tags ਮਲਟੀ ਲਾਈਨ ਟੈਕਸਟ ਇਨਪੁਟ ਕੰਟਰੋਲ ਨੂੰ ਦੇਣ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ。

<textarea> elements ਆਮ ਤੌਰ 'ਤੇ ਫਾਰਮ ਵਿੱਚ ਵਰਤੇ ਜਾਂਦੇ ਹਨ ਤਾਂ ਕਿ ਉਸ ਦੀ ਪ੍ਰਵਾਨਗੀ ਦੇਣ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ, ਜਿਵੇਂ ਕਿ ਕਮੇਂਟ ਜਾਂ ਕਮੇਂਟਸ。

texts area ਦਾ ਇੰਨਾ ਬਹੁਤ ਲਿਖਣ ਵਾਲਾ ਹੈ ਅਤੇ text ਨੂੰ ਇੱਕ ਬਰਾਬਰ ਵਿਚਾਰ ਦੇ ਫੰਟ ਵਿੱਚ (ਜਿਵੇਂ ਕਿ ਕੌਰੀਅਰ) ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

文本区域的大小由 cols 和 rows 属性（或使用 CSS）规定。

ਫਾਰਮ ਭੇਜਣ ਦੇ ਬਾਅਦ name ਪ੍ਰਤੀਯੋਗੀ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ ਤਾਕਿ ਫਾਰਮ ਡਾਟਾ ਨੂੰ ਰੋਕਣ ਹੋਵੇ (ਜੇਕਰ name ਪ੍ਰਤੀਯੋਗੀ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ ਤਾਂ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਦਾ ਡਾਟਾ ਨਹੀਂ ਭੇਜਿਆ ਜਾਵੇਗਾ)。

ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਨੂੰ ਲੇਬਲ (label) ਨਾਲ ਜੋੜਨ ਲਈ id ਪ੍ਰਤੀਯੋਗੀ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ。

ਸੁਝਾਅ:ਹਮੇਸ਼ਾ ਜੋੜੋ <label> ਟੈਗ ਨੂੰ ਵਰਤੋਂ ਕਰੋ ਬਿਨਾਂ ਉਪਲਬੱਧਤਾ ਪ੍ਰਥਾਵਾਂ ਦੇ ਸਭ ਤੋਂ ਵਧੇਰੇ ਉਪਲਬੱਧ ਕਰਨ ਲਈ!

ਇਸ ਤੋਂ ਵੀ ਦੇਖੋ:

HTML DOM ਸੰਦਰਭ ਮੁੱਦਾ:Textarea ਵਸਤੂ

CSS ਟੂਰੀਆਂ:ਫਾਰਮ ਸਟਾਈਲ ਸੈਟਿੰਗ

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਇੱਕ ਬਹੁ-ਲਾਈਨ ਟੈਕਸਟ ਇਨਪੁਟ ਕੰਟਰੋਲ (ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ):

<label for="w3review">ਕਮੇਂਟ ਕੋਡੇ W3C.com：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
codew3c.com 'ਤੇ ਤੁਸੀਂ ਵੈੱਬ ਸਾਈਟ ਕਿਵੇਂ ਵਿਕਸਤ ਕਰੋ ਇਹ ਸਿੱਖੋਗੇ। ਉਹ ਸਾਰੀਆਂ Web ਵਿਕਾਸ ਤਕਨੀਕਾਂ ਦੇ ਮੁਫਤ ਟੂਰੀਆਂ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ。
</textarea>

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਉਦਾਹਰਣ 2

ਮੂਲਤਬੀ ਤਬਦੀਲੀ ਆਕਾਰ ਚੋਣ ਨੂੰ ਨਾ ਇਸਤੇਮਾਲ ਕਰੋ:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">ਕਮੇਂਟ ਕੋਡੇ W3C.com：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
codew3c.com 'ਤੇ ਤੁਸੀਂ ਵੈੱਬ ਸਾਈਟ ਕਿਵੇਂ ਵਿਕਸਤ ਕਰੋ ਇਹ ਸਿੱਖੋਗੇ। ਉਹ ਸਾਰੀਆਂ Web ਵਿਕਾਸ ਤਕਨੀਕਾਂ ਦੇ ਮੁਫਤ ਟੂਰੀਆਂ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ。
</textarea>
</body>
</html>

ਆਪਣੇ ਆਪ ਦੱਸੋ

ਪ੍ਰਤੀਯੋਗੀ

ਪ੍ਰਤੀਯੋਗੀ ਮੁੱਲ ਵਰਣਨ
autofocus autofocus ਪੰਨੇ ਲੋਡ ਹੋਣ ਦੇ ਬਾਅਦ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਨੂੰ ਆਪਣੇ ਆਪ ਫੋਕਸ ਕਰਨ ਵਾਲਾ ਬਣਾਓ。
cols ਸੰਖਿਆ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਦੀ ਦਿਸ਼ਾ ਨਿਰਧਾਰਿਤ ਕਰੋ。
dirname textareaname.dir ਭੇਜੇ ਜਾਣ ਵਾਲੇ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਦੇ ਟੈਕਸਟ ਦੇ ਲਿਖਣ ਦੀ ਦਿਸ਼ਾ ਨਿਰਧਾਰਿਤ ਕਰੋ。
disabled disabled ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਨੂੰ ਨਾ ਇਸਤੇਮਾਲ ਕਰੋ。
form ਫਾਰਮ id ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਦਾ ਫਾਰਮ ਨਿਰਧਾਰਿਤ ਕਰੋ。
maxlength ਸੰਖਿਆ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਨੂੰ ਮਨਜ਼ੂਰ ਕਰਨ ਵਾਲੇ ਮਹੱਤਵਪੂਰਣ ਚਿਹਨਾਂ ਦੀ ਸੰਖਿਆ ਨਿਰਧਾਰਿਤ ਕਰੋ。
name ਟੈਕਸਟ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਦਾ ਨਾਮ ਨਿਰਧਾਰਿਤ ਕਰੋ。
placeholder ਟੈਕਸਟ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਦੀ ਅਨੁਮਾਨਿਤ ਮੁੱਲ ਦਾ ਸੰਕੇਤ ਦੇਣ ਵਾਲੀ ਘੱਟ ਸਿਫਾਰਸ਼ ਟੈਕਸਟ ਨਿਰਧਾਰਿਤ ਕਰੋ。
readonly readonly ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਨੂੰ ਕੇਵਲ ਪੜ੍ਹਣ ਲਈ ਬਣਾਓ。
required required ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਨੂੰ ਲਾਜ਼ਮੀ ਬਣਾਓ。
rows ਸੰਖਿਆ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਵਿੱਚ ਦਿਸਣ ਵਾਲੀਆਂ ਲਾਈਨਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。
wrap
  • hard
  • soft
 ਫਾਰਮ ਵਿੱਚ ਭੇਜਣ ਵੇਲੇ ਟੈਕਸਟ ਰੇਜ਼ੀਓਨ ਵਿੱਚ ਟੈਕਸਟ ਕਿਵੇਂ ਬਦਲਣ ਦਾ ਹੁੰਦਾ ਹੈ ਇਹ ਨਿਰਧਾਰਿਤ ਕਰੋ。

ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗੀ

<textarea> ਟੈਗ ਨੂੰ ਵੀ ਸਮਰਥਨ ਹੈ HTML ਵਿੱਚ ਗਲੋਬਲ ਪ੍ਰਤੀਯੋਗੀ。

�ਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀ

<textarea> ਟੈਗ ਨੂੰ ਵੀ ਸਮਰਥਨ ਹੈ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗੀ。

ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੀ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ