ایچ تی ام ال<datalist> تگ
定义和用法
<datalist>
标签为 元素规定预定义选项的列表。
<datalist>
标签用于为 <input>
元素提供“自动完成”功能。用户在输入数据时,将看到预定义选项的下拉列表。
<datalist>
ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਲਾਕੇ ਦਾ id ਅਟਰੀਬਿਊਟ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ <input>
ਇਲੈਕਟ੍ਰੌਨਿਕ ਇਲਾਕੇ list ਪ੍ਰਤੀਯੋਗਿਤਾ(ਇਹ ਉਨ੍ਹਾਂ ਨੂੰ ਮਿਲਾ ਦੇਵੇਗਾ)。
ਇਸ ਦੇ ਲਈ ਵੀ ਦੇਖੋ:
HTML DOM ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ:Datalist ਆਬਜੈਕਟ
ਉਦਾਹਰਣ
ਪ੍ਰਿਮੀਅਮ ਚੋਣਾਂ ਵਾਲੀ ਡਾਟਾ ਲਿਸਟ (ਜੋ <input> ਇਲੈਕਟ੍ਰੌਨਿਕ ਅਲੌਕ ਨਾਲ ਜੁੜੀ ਹੋਈ ਹੈ):
<label for="browser">ਲਿਸਟ ਵਿੱਚੋਂ ਆਪਣਾ ਬਰਾਊਜ਼ਰ ਚੁਣੋ:</label> <input list="browsers" name="browser" id="browser"> <datalist id="browsers"> <option value="Edge"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
ਸਾਰਵਤਰਿਕ ਵਿਸ਼ੇਸ਼ਤਾ
<datalist>
ਟੈਗ ਨੇ ਵੀ HTML ਵਿੱਚ ਸਾਰਵਤਰਿਕ ਵਿਸ਼ੇਸ਼ਤਾ。
ਈਵੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾ
<datalist>
ਟੈਗ ਨੇ ਵੀ HTML ਵਿੱਚ ਈਵੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾ。
ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ
ਮੋਸਟ ਬਰਾਉਜ਼ਰਜ਼ ਨਾਲ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲਾਂ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ <datalist>
ਐਲੀਮੈਂਟ:
datalist { display: none; }
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਾਰੇ ਨੰਬਰ ਵਿੱਚ ਪਹਿਲੀ ਵਾਰ ਇਸ ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਆਖਰੀ ਸੰਸਕਰਣ ਦਿਸਾਈ ਹੈ。
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
20.0 | 10.0 | 4.0 | 12.1 | 9.5 |