HTML DOM انٹر یورل آؤٹپٹ آئیکن
- ਪਿਛਲਾ ਪੰਨਾ <input> ਟਾਈਮ
- ਅਗਲਾ ਪੰਨਾ <input> ਹਫ਼ਤੇ
Input URL ਆਬਜੈਕਟ
Input URL ਆਬਜੈਕਟ HTML5 ਵਿੱਚ ਨਵਾਂ ਆਬਜੈਕਟ ਹੈ。
Input URL ਆਬਜੈਕਟ HTML <input type="url"> ਐਲੀਮੈਂਟ ਦਿਸਦਾ ਹੈ。
ਟਿੱਪਣੀ:ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 9 (ਅਤੇ ਇਸ ਤੋਂ ਪਹਿਲੇ ਦੇ ਸਰਵਰ) ਜਾਂ ਸਫਾਰੀ <input type="search"> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੇ。
Input URL ਆਬਜੈਕਟ ਤੱਕ ਪਹੁੰਚ
ਤੁਸੀਂ getElementById() ਮੱਥੇ ਦੀ ਮਦਦ ਨਾਲ <input type="url"> ਐਲੀਮੈਂਟ ਤੱਕ ਪਹੁੰਚ ਸਕਦੇ ਹੋ
var x = document.getElementById("myUrl");
Input URL ਆਬਜੈਕਟ ਬਣਾਓ
ਤੁਸੀਂ document.createElement() ਮੱਥੇ ਦੀ ਮਦਦ ਨਾਲ <input type="url"> ਐਲੀਮੈਂਟ ਬਣਾ ਸਕਦੇ ਹੋ
var x = document.createElement("INPUT"); x.setAttribute("type", "url");
Input URL ਆਬਜੈਕਟ ਪ੍ਰਤੀਯੋਗੀ ਵਿਸ਼ੇਸ਼ਤਾ
ਗੁੱਣ | ਵਰਣਨ |
---|---|
autocomplete | ਸੈਟ ਜਾਂ ਵਾਪਸ ਸਰਚ ਫੀਲਡ ਦੇ autocomplete ਪ੍ਰਤੀਯੋਗੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰੋ。 |
autofocus | ਸੈਟ ਜਾਂ ਵਾਪਸ ਸਰਚ ਫੀਲਡ ਨੂੰ ਪੰਨਾ ਲੋਡ ਕਰਨ ਤੋਂ ਬਾਅਦ ਆਪਣੇ ਆਪ ਫੋਕਸ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਨਹੀਂ。 |
defaultValue | Search ਫੀਲਡ ਦੀ ਮੂਲ ਰਚਨਾ ਨੂੰ ਸੈਟ ਕਰਨਾ ਜਾਂ ਵਾਪਸ ਲੈਣਾ |
disabled | Search ਫੀਲਡ ਨੂੰ ਨਾਬਾਲਾ ਕਰਨਾ ਜਾਂ ਨਾਬਾਲਾ ਨਾਲ ਵਾਪਸ ਲੈਣਾ |
form | Search ਫੀਲਡ ਨੂੰ ਦਾਖਲ ਕਰਨ ਵਾਲੇ ਫਾਰਮ ਦੀ ਰੈਫਰੈਂਸ ਨੂੰ ਵਾਪਸ ਲੈਣਾ |
list | Search ਫੀਲਡ ਨੂੰ ਦਾਖਲ ਕਰਨ ਵਾਲੇ datalist ਦੀ ਰੈਫਰੈਂਸ ਨੂੰ ਵਾਪਸ ਲੈਣਾ |
maxLength | search ਫੀਲਡ ਦੇ maxLength ਗੁੱਣ ਨੂੰ ਸੈਟ ਕਰਨਾ |
multiple | Search ਫੀਲਡ ਵਿੱਚ ਯੂਜ਼ਰ ਨੂੰ ਇੱਕ ਤੋਂ ਵੱਧ URL ਦਾ ਇੰਟਰਵਲ ਦਾਖਲ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦੇਣਾ |
name | Search ਫੀਲਡ ਦੇ name ਗੁੱਣ ਨੂੰ ਸੈਟ ਕਰਨਾ ਜਾਂ ਵਾਪਸ ਲੈਣਾ |
pattern | Search ਫੀਲਡ ਦੇ pattern ਗੁੱਣ ਨੂੰ ਸੈਟ ਕਰਨਾ ਜਾਂ ਵਾਪਸ ਲੈਣਾ |
placeholder | Search ਫੀਲਡ ਦੇ placeholder ਗੁੱਣ ਨੂੰ ਸੈਟ ਕਰਨਾ ਜਾਂ ਵਾਪਸ ਲੈਣਾ |
readOnly | Search ਫੀਲਡ ਨੂੰ ਸਿਰਫ ਪੜ੍ਹਨ ਲਈ ਸੈਟ ਕਰਨਾ ਜਾਂ ਵਾਪਸ ਲੈਣਾ |
required | Search ਫੀਲਡ ਨੂੰ ਭਰਨਾ ਇਸ ਪ੍ਰਕਾਰ ਨਹੀਂ ਕਰਨਾ ਚਾਹੀਦਾ ਕਿ ਫਾਰਮ ਭੇਜਿਆ ਜਾਵੇ |
size | Search ਫੀਲਡ ਦੇ size ਗੁੱਣ ਨੂੰ ਸੈਟ ਕਰਨਾ ਜਾਂ ਵਾਪਸ ਲੈਣਾ |
step | Search ਫੀਲਡ ਦੇ step ਗੁੱਣ ਨੂੰ ਸੈਟ ਕਰਨਾ ਜਾਂ ਵਾਪਸ ਲੈਣਾ |
type | Search ਫੀਲਡ ਦੇ ਫਾਰਮ ਐਲੀਮੈਂਟ ਦੇ ਪ੍ਰਕਾਰ ਨੂੰ ਵਾਪਸ ਲੈਣਾ |
value | Search ਫੀਲਡ ਦੇ value ਗੁੱਣ ਨੂੰ ਸੈਟ ਕਰਨਾ ਜਾਂ ਵਾਪਸ ਲੈਣਾ |
Input URL ਆਬਜੈਕਟ ਤਰੀਕੇ
ਤਰੀਕਾ | ਵਰਣਨ |
---|---|
blur() | URL ਫੀਲਡ ਤੋਂ ਫੋਕਸ ਹਟਾਉਣਾ |
focus() | URL ਫੀਲਡ ਨੂੰ ਫੋਕਸ ਦੇਣਾ |
select() | ਚੋਣ ਯੂਆਰਐੱਲ ਟੈਕਸਟ ਫੀਲਡ ਦੇ ਸਮਾਨ ਨੂੰ ਚੁਣੋ |
ਸਬੰਧਤ ਪੰਨੇ
HTML ਸਿੱਖਿਆ:HTML ਫਾਰਮ
HTML ਸੰਦਰਭ ਮੁੱਦਾ:HTML <input> ਟੈਗ
HTML ਸੰਦਰਭ ਮੁੱਦਾ:HTML <input> ਟਾਈਪ ਪ੍ਰਤੀਯੋਗ
- ਪਿਛਲਾ ਪੰਨਾ <input> ਟਾਈਮ
- ਅਗਲਾ ਪੰਨਾ <input> ਹਫ਼ਤੇ