HTML <input> ਟੈਗ
定义和用法
<input>
标签定义输入字,用户可以在其中输入数据。
<input>
عنصر سب سے اہم فرمائش ورودی عنصر ہوتا ہے。
<input>
عنصر متعدد طریقوں سے دکھائی دے سکتا ہے، جو کہ type کا حصہ。
آئندہ وارندگان کی فرمائش ورودی مختلف ہیں:
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
مقابلہ کار<input type="time">
<input type="url">
<input type="week">
دیکھئے type کا حصہ،تا کا هر فرمائش ورودی کا مثال دیکھ سکو!
ਇਨਸਟੈਂਸ
ਤਿੰਨ ਇਨਪੁਟ ਫੀਲਡ ਵਾਲੀ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਰਮ; ਦੋ ਟੈਕਸਟ ਫੀਲਡ ਅਤੇ ਇੱਕ ਸੰਮਤੀ ਬਟਨ:
<form action="/action_page.php"> <label for="fname">ਨਾਮ:</label> <input type="text" id="fname" name="fname"><br><br> <label for="lname">ਪਰਿਵਾਰ ਨਾਮ:</label> <input type="text" id="lname" name="lname"><br><br> <input type="submit" value="ਸੰਮਤੀ ਦੇਣਾ"> </form>
ਸੁਝਾਅ ਅਤੇ ਟਿੱਪਣੀਆਂ
ਸੁਝਾਅ:ਹਰ ਇਸ ਤੋਂ ਲਈ <label> ਟੈਗ ਵਰਤੋਂ ਕਰੋ:
<input type="text"> <input type="checkbox"> <input type="radio"> <input type="file"> <input type="password">
ਵਿਸ਼ੇਸ਼ਤਾ
ਵਿਸ਼ੇਸ਼ਤਾ | ਮੁੱਲ | ਵਰਣਨ |
---|---|---|
accept |
|
ਫਾਇਲ ਉੱਪਲਬਧ ਕਰਾਓ ਕਿ ਨਹੀਂ? ਫਾਇਲ ਚੋਣ ਵਿੱਚ ਯੂਜ਼ਰ ਨੂੰ ਕਿਸ ਫਾਇਲ ਟਾਈਪ ਦੇ ਫਿਲਟਰ ਚੁਣਨਾ ਚਾਹੀਦਾ ਹੈ (type="file" ਲਈ ਹੀ ਵਾਪਰਦਾ ਹੈ)。 |
alt | ਟੈਕਸਟ | ਚਿੱਤਰ ਦੀ ਬਦਲਦੀ ਟੈਕਸਟ (type="image" ਲਈ ਹੀ ਵਾਪਰਦਾ ਹੈ)。 |
autocomplete |
|
<input> ਐਲੀਮੈਂਟ ਨੂੰ ਆਪਣੇ ਆਪ ਪੂਰਕ ਕਰਨ ਨੂੰ ਚਾਹੀਦਾ ਹੈ ਕਿ ਨਹੀਂ? |
autofocus | autofocus | <input> ਐਲੀਮੈਂਟ ਨੂੰ ਪੰਨੇ ਲੋਡ ਹੋਣ ਦੇ ਸਮੇਂ ਆਪਣੇ ਆਪ ਫੋਕਸ ਮਿਲਣਾ ਚਾਹੀਦਾ ਹੈ。 |
checked | checked | ਪੰਨੇ ਲੋਡ ਹੋਣ ਦੇ ਸਮੇਂ <input> ਐਲੀਮੈਂਟ ਨੂੰ ਪਹਿਲਾਂ ਚੋਣਨਾ ਹੈ (type="checkbox" ਜਾਂ type="radio" ਲਈ ਵਾਪਰਦਾ ਹੈ)。 |
dirname | inputname.dir | ਜਮਾ ਕੀਤੇ ਗਏ ਟੈਕਸਟ ਦੀ ਦਿਸ਼ਾ ਨੂੰ ਪ੍ਰਦਾਨ ਕਰੋ。 |
disabled | disabled | ਫਾਰਮ ਵਿੱਚ <input> ਐਲੀਮੈਂਟ ਨੂੰ ਨਾ ਕਾਰਜਸ਼ੀਲ ਬਣਾਓ。 |
form | ਫਾਰਮ id | <input> ਐਲੀਮੈਂਟ ਦਾ ਫਾਰਮ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
formaction | URL | ਫਾਰਮ ਜਮਾ ਕਰਨ ਦੇ ਸਮੇਂ ਇਨਪੁਟ ਕੰਟਰੋਲ ਦੇ ਫਾਇਲ ਦੀ ਯੂਆਰਐੱਲ ਨੂੰ ਪ੍ਰਦਾਨ ਕਰੋ (type="submit" ਅਤੇ type="image" ਲਈ ਵਾਪਰਦਾ ਹੈ)。 |
formenctype |
|
ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਫਾਰਮ ਦਾਤਾ ਨੂੰ ਸੇਵਕ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਕਿਵੇਂ ਇੰਕੋਡ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ (type="submit" ਅਤੇ type="image" ਲਈ ਪ੍ਰਯੋਗ ਹੁੰਦਾ ਹੈ)。 |
formmethod |
|
ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਫਾਰਮ ਐਲੀਮੈਂਟ ਨੂੰ ਸੰਭਾਲਣ ਲਈ ਇਸਤੇਮਾਲ ਕੀਤੀ ਗਈ HTTP ਮੈਥਡ |
formnovalidate | formnovalidate | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਫਾਰਮ ਐਲੀਮੈਂਟ ਨੂੰ ਸੰਭਾਲਣ ਦੇ ਸਮੇਂ ਨਾ ਜਾਂਚਣ ਵਾਲਾ ਹੈ |
formtarget |
|
ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਫਾਰਮ ਨੂੰ ਸੰਭਾਲਣ ਤੋਂ ਬਾਅਦ ਜਿੱਥੇ ਪ੍ਰਤੀਕਿਰਿਆ ਦਿਖਾਈ ਜਾਣੀ ਚਾਹੀਦੀ ਹੈ (type="submit" ਅਤੇ type="image" ਲਈ ਪ੍ਰਯੋਗ ਹੁੰਦਾ ਹੈ)。 |
height | ਪਿਕਸਲ | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦੀ ਉਚਾਈ (ਕੇਵਲ type="image" ਲਈ ਪ੍ਰਯੋਗ ਹੁੰਦਾ ਹੈ)。 |
list | datalist_id | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦੇ ਮੁੱਲ ਨੂੰ ਦੇਖਣ ਲਈ <datalist> ਐਲੀਮੈਂਟ ਦੇ ਪ੍ਰਿਫਰਮ ਵਿੱਚ ਸਥਾਪਤ ਕੀਤਾ ਗਿਆ ਪ੍ਰਿਫਰਮ ਦੀ ਸਥਿਤੀ |
max |
|
ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦਾ ਮਹੱਤਵਪੂਰਨ ਮੁੱਲ |
maxlength | ਨੰਬਰ | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦੀ ਮਹੱਤਵਪੂਰਨ ਅਕਸਰ ਅੱਕਸ਼ਰਾਂ ਦੀ ਸੰਖਿਆ |
min |
|
ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦਾ ਘੱਟਤਮ ਮੁੱਲ |
minlength | ਨੰਬਰ | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਵਿੱਚ ਇਨਪੁਟ ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਘੱਟਤਮ ਅਕਸਰ ਅੱਕਸ਼ਰਾਂ ਦੀ ਸੰਖਿਆ |
multiple | multiple | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਮੁੱਲ ਇਨਪੁਟ ਕਰ ਸਕਣ ਵਾਲੇ ਹਨ。 |
name | ਟੈਕਸਟ | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦਾ ਨਾਮ |
pattern | ਪ੍ਰਕਾਸ਼ਿਕ ਰੈਗੂਲਰ ਐਕਸਪ੍ਰੈਸ਼ਨ | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦੇ ਮੁੱਲ ਦੀ ਤਰਜੀਹ ਨੂੰ ਜਾਂਚਣ ਲਈ ਇਸਤੇਮਾਲ ਕੀਤੀ ਗਈ ਪ੍ਰਕਾਸ਼ਿਕ ਰੈਗੂਲਰ ਐਕਸਪ੍ਰੈਸ਼ਨ |
placeholder | ਟੈਕਸਟ | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦੀ ਉਮੀਦ ਵਾਲੀ ਮਿਨੀਅਮ ਸੁਝਾਅ ਨੂੰ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ。 |
popovertarget | ਐਲੀਮੈਂਟ id | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਪੋਪਅਵਰਟ ਐਲੀਮੈਂਟ ਨੂੰ ਸੱਦਣ ਲਈ ਇਸਤੇਮਾਲ ਕੀਤਾ ਜਾਣ ਵਾਲਾ ਐਲੀਮੈਂਟ (ਕੇਵਲ type="button" ਲਈ ਪ੍ਰਯੋਗ ਹੁੰਦਾ ਹੈ)。 |
popovertargetaction |
|
ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕਰਨ ਉੱਤੇ ਪੋਪਅਵਰਟ ਐਲੀਮੈਂਟ ਕੀ ਕਰਨਾ ਹੈ (ਕੇਵਲ type="button" ਲਈ ਪ੍ਰਯੋਗ ਹੁੰਦਾ ਹੈ)。 |
readonly | readonly | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਇਨਪੁਟ ਫੀਲਡ ਨੂੰ ਸਿਰਫ ਪੜ੍ਹਣ ਵਾਲਾ ਕਰਦਾ ਹੈ。 |
required | required | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਫਾਰਮ ਤੋਂ ਪਹਿਲਾਂ ਭਰਨੀ ਜ਼ਰੂਰੀ ਹੋਣ ਵਾਲੀ ਇਨਪੁਟ ਫੀਲਡ |
size | ਨੰਬਰ | ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ <input> ਐਲੀਮੈਂਟ ਦੀ ਚੌੜਾਈ (ਅਕਸਰ ਅੱਕਸ਼ਰਾਂ ਦੇ ਅਨੁਸਾਰ ਹੁੰਦੀ ਹੈ)。 |
src | URL | URL ਰੈਗਿਸਟਰ ਕੀਤੀ ਗਈ ਚਿੱਤਰ ਦੀ ਸਬੰਧਤ ਸਥਿਤੀ (ਕੇਵਲ type="image" ਲਈ ਪ੍ਰਯੋਗ ਹੁੰਦਾ ਹੈ)。 |
step |
|
ਇਨਪੂਟ ਫੀਲਡ ਵਿੱਚ ਹੋਣ ਵਾਲੇ ਸਹੀ ਨੰਬਰਾਂ ਦਰਮਿਆਨ ਦੀ ਅੰਤਰਾਲ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
type |
|
ਦਰਸਾਉਣ ਵਾਲੇ input ਐਲੀਮੈਂਟ ਦੇ ਪ੍ਰਕਾਰ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
value | ਟੈਕਸਟ | input ਐਲੀਮੈਂਟ ਦਾ ਮੁੱਲ ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
width | ਪਿਕਸਲ | input ਐਲੀਮੈਂਟ ਦੀ ਚੌਦਾਈ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰੋ (type="image" ਲਈ ਹੀ ਲਾਗੂ ਹੁੰਦਾ ਹੈ)。 |
ਗਲੋਬਲ ਪ੍ਰਾਪਰਟੀ
<input>
ਟੈਗ ਇਸ ਨੂੰ ਵੀ ਸਮਰਥਨ ਕਰਦਾ ਹੈ HTML ਵਿੱਚ ਗਲੋਬਲ ਪ੍ਰਾਪਰਟੀ。
ਈਵੈਂਟ ਪ੍ਰਾਪਰਟੀ
<input>
ਟੈਗ ਇਸ ਨੂੰ ਵੀ ਸਮਰਥਨ ਕਰਦਾ ਹੈ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਾਪਰਟੀ。
ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ
ਨਹੀਂ ਹੈ।
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਚਰਾਮੇ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
ਚਰਾਮੇ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ | ਸਮਰਥਨ |
ਸਬੰਧਤ ਪੰਨੇ
HTML ਟ੍ਰੇਨਿੰਗਃ
HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲਃ
- Input Button ਆਬਜੈਕਟ
- Input Checkbox ਆਬਜੈਕਟ
- Input Color ਆਬਜੈਕਟ
- Input Date ਆਬਜੈਕਟ
- Input Datetime ਆਬਜੈਕਟ
- Input DatetimeLocal ਆਬਜੈਕਟ
- Input Email ਆਬਜੈਕਟ
- Input FileUpload ਆਬਜੈਕਟ
- Input Hidden ਆਬਜੈਕਟ
- Input Image ਆਬਜੈਕਟ
- Input Month ਆਬਜੈਕਟ
- Input Number ਆਬਜੈਕਟ
- Input Password ਆਬਜੈਕਟ
- Input Range ਆਬਜੈਕਟ
- Input Radio ਆਬਜੈਕਟ
- Input Reset ਆਬਜੈਕਟ
- Input Search ਆਬਜੈਕਟ
- Input Submit ਆਬਜੈਕਟ
- Input Text ਆਬਜੈਕਟ
- Input Time ਆਬਜੈਕਟ
- Input URL ਆਬਜੈਕਟ
- Input Week ਆਬਜੈਕਟ