HTML DOM انٹر رینج آٹوارک

Input Range ਆਬਜੈਕਟ

Input Range ਆਬਜੈਕਟ ਹੈਲਥ5 ਵਿੱਚ ਨਵਾਂ ਆਬਜੈਕਟ ਹੈ。

Input Range ਆਬਜੈਕਟ ਹੈਲਥ ਵਿੱਚ <input type="range"> ਐਲੀਮੈਂਟ ਨੂੰ ਪ੍ਰਤੀਨਿਧਤ ਕਰਦਾ ਹੈ。

ਟਿੱਪਣੀਆਂ:ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 9 ਅਤੇ ਪੁਰਾਣੀਆਂ ਸੰਸਕਰਣਾਂ ਵਿੱਚ <input type="range"> ਐਲੀਮੈਂਟ ਨਹੀਂ ਸਮਰਥਿਤ ਹੈ。

Input Range ਆਬਜੈਕਟ ਦੀ ਪਹੁੰਚ

ਤੁਸੀਂ ਐਗਜੈਕਟਿਡਬਾਈਡ() ਦੀ ਵਰਤੋਂ ਕਰਕੇ <input type="range"> ਐਲੀਮੈਂਟ ਨੂੰ ਪਹੁੰਚ ਸਕਦੇ ਹੋ

var ਐਕਸ = ਡਾਕੂਮੈਂਟ.getElementById("ਮਾਈਰੇਂਜ");

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਸੁਝਾਅ:ਤੁਸੀਂ ਫਾਰਮ ਦੇ elements ਕਲੈਕਸ਼ਨ ਤਾਂ Input Range ਆਬਜੈਕਟ ਤੱਕ ਪਹੁੰਚ ਸਕੋ

Input Range ਆਬਜੈਕਟ ਬਣਾਓ

ਤੁਸੀਂ document.createElement() ਮੇਥਡ ਦੀ ਵਰਤੋਂ ਕਰਕੇ <input type="range"> ਐਲੀਮੈਂਟ ਬਣਾ ਸਕਦੇ ਹੋ

var x = document.createElement("INPUT");
x.setAttribute("type", "range");

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

Input Range ਆਬਜੈਕਟ ਗੁਣ

ਗੁਣ ਵਰਣਨ
autocomplete ਸਲੇਕਰ ਕੰਟਰੋਲ ਦੇ autocomplete ਗੁਣ ਸੈਟ ਜਾਂ ਵਾਪਸ ਕਰੋ
autofocus ਸਲੇਕਰ ਕੰਟਰੋਲ ਨੂੰ ਪੰਨੇ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਆਪਣੇ ਆਪ ਫੋਕਸ ਲੈਣਾ ਚਾਹੁੰਦਾ ਹੈ ਜਾਂ ਨਹੀਂ
defaultValue ਸਲੇਕਰ ਕੰਟਰੋਲ ਦੀ ਡਿਫਾਲਟ ਕੀਮਤ ਸੈਟ ਜਾਂ ਵਾਪਸ ਕਰੋ
disabled ਸਲੇਕਰ ਕੰਟਰੋਲ ਨੂੰ ਨਾਬਾਲਾ ਕਰੋ ਜਾਂ ਨਾਬਾਲਾ ਨਹੀਂ ਕਰੋ
form ਸਲੇਕਰ ਕੰਟਰੋਲ ਨਾਲ ਜੁੜੇ ਫਾਰਮ ਨੂੰ ਹਵਾਲਾ ਦੇਵੇ
list ਸਲੇਕਰ ਕੰਟਰੋਲ ਨਾਲ ਜੁੜੇ datalist ਨੂੰ ਹਵਾਲਾ ਦੇਵੇ
max ਸਲੇਕਰ ਕੰਟਰੋਲ ਦੇ max ਗੁਣ ਸੈਟ ਜਾਂ ਵਾਪਸ ਕਰੋ
min ਸਲੇਕਰ ਕੰਟਰੋਲ ਦੇ min ਗੁਣ ਸੈਟ ਜਾਂ ਵਾਪਸ ਕਰੋ
name ਸਲੇਕਰ ਕੰਟਰੋਲ ਦੇ name ਗੁਣ ਸੈਟ ਜਾਂ ਵਾਪਸ ਕਰੋ
step ਸਲੇਕਰ ਕੰਟਰੋਲ ਦੇ step ਗੁਣ ਸੈਟ ਜਾਂ ਵਾਪਸ ਕਰੋ
type ਸਲੇਕਰ ਕੰਟਰੋਲ ਦੇ ਫਾਰਮ ਐਲੀਮੈਂਟ ਦੀ ਕਿਸਮ ਵਾਪਸ ਕਰੋ
value ਸਲੇਕਰ ਕੰਟਰੋਲ ਦਾ value ਗੁਣ ਸੈਟ ਜਾਂ ਵਾਪਸ ਕਰੋ

Input Range ਆਬਜੈਕਟ ਮੇਥਡ

ਮੇਥਡ ਵਰਣਨ
stepDown() ਨਿਰਧਾਰਿਤ ਨੰਬਰ ਦੇ ਅਨੁਸਾਰ ਸਲੇਕਰ ਕੰਟਰੋਲ ਦਾ ਮੁੱਲ ਘਟਾਓ
stepUp() ਨਿਰਧਾਰਿਤ ਨੰਬਰ ਦੇ ਅਨੁਸਾਰ ਸਲੇਕਰ ਕੰਟਰੋਲ ਦਾ ਮੁੱਲ ਵਧਾਓ

ਸਟੈਂਡਰਡ ਗੁਣ ਅਤੇ ਈਵੈਂਟ

Input Range ਆਬਜੈਕਟ ਸਟੈਂਡਰਡ ਸਮਰਥਨ ਕਰਦਾ ਹੈਗੁਣਅਤੇਈਵੈਂਟ。

ਸਬੰਧਤ ਪੰਨੇ

HTML ਟੂਰ ਕਰੋ:HTML ਫਾਰਮ

HTML ਸੰਦਰਭ ਮੁੱਲਾਂਕਣਾ:HTML <input> ਟੈਗ

HTML ਸੰਦਰਭ ਮੁੱਲਾਂਕਣਾ:HTML <input> type ਪ੍ਰਤੀਯੋਗਿਤਾ