HTML inputmode 属性

ਕੋਰਸ ਸਾਈਟ

参考手册

HTML ਟੈਗ

</a></li> <li><a href="/pa/tags/tag_img.html" title="HTML <img> ਟੈਗ"><img></a></li> <li><a href="/pa/tags/tag_input.html" title="HTML <input> ਟੈਗ"><input></a></li> <li><a href="/pa/tags/tag_ins.html" title="HTML <ins> ਟੈਗ"><ins></a></li> <li><a href="/pa/tags/tag_kbd.html" title="HTML <kbd> ਟੈਗ"><kbd></a></li> <li><a href="/pa/tags/tag_label.html" title="HTML <label> ਟੈਗ"><label></a></li> <li><a href="/pa/tags/tag_legend.html" title="HTML <legend> ਟੈਗ"><legend></a></li> <li><a href="/pa/tags/tag_li.html" title="HTML <li> ਟੈਗ"><li></a></li> <li><a href="/pa/tags/tag_link.html" title="HTML <link> ਟੈਗ"><link></a></li> <li><a href="/pa/tags/tag_main.html" title="HTML <main> ਟੈਗ"><main></a></li> <li><a href="/pa/tags/tag_map.html" title="HTML <map> ਟੈਗ"><map></a></li> <li><a href="/pa/tags/tag_mark.html" title="HTML <mark> ਟੈਗ"><mark></a></li> <li><a href="/pa/tags/tag_menu.html" title="HTML <menu> ਟੈਗ"><menu></a></li> <li><a href="/pa/tags/tag_meta.html" title="HTML <meta> ਟੈਗ"><meta></a></li> <li><a href="/pa/tags/tag_meter.html" title="HTML <meter> ਟੈਗ"><meter></a></li> <li><a href="/pa/tags/tag_nav.html" title="HTML <nav> ਟੈਗ"><nav></a></li> <li><a href="/pa/tags/tag_noframes.html" title="HTML <noframes> ਟੈਗ"><noframes></a></li> <li><a href="/pa/tags/tag_noscript.html" title="HTML <noscript> ਟੈਗ"><noscript></a></li> <li><a href="/pa/tags/tag_object.html" title="HTML <object> ਟੈਗ"><object></a></li> <li><a href="/pa/tags/tag_ol.html" title="HTML <ol> ਟੈਗ"><ol></a></li> <li><a href="/pa/tags/tag_optgroup.html" title="HTML <optgroup> ਟੈਗ"><optgroup></a></li> <li><a href="/pa/tags/tag_option.html" title="HTML <option> ਟੈਗ"><option></a></li> <li><a href="/pa/tags/tag_output.html" title="HTML <output> ਟੈਗ"><output></a></li> <li><a href="/pa/tags/tag_p.html" title="HTML <p> ਟੈਗ"><p></a></li> <li><a href="/pa/tags/tag_param.html" title="HTML <param> ਟੈਗ"><param></a></li> <li><a href="/pa/tags/tag_picture.html" title="HTML <picture> ਟੈਗ"><picture></a></li> <li><a href="/pa/tags/tag_pre.html" title="HTML <pre> ਟੈਗ"><pre></a></li> <li><a href="/pa/tags/tag_progress.html" title="HTML <progress> ਟੈਗ"><progress></a></li> <li><a href="/pa/tags/tag_q.html" title="HTML <q> ਟੈਗ"><q></a></li> <li><a href="/pa/tags/tag_rp.html" title="HTML <rp> ਟੈਗ"><rp></a></li> <li><a href="/pa/tags/tag_rt.html" title="HTML <rt> ਟੈਗ"><rt></a></li> <li><a href="/pa/tags/tag_ruby.html" title="HTML <ruby> ਟੈਗ"><ruby></a></li> <li><a href="/pa/tags/tag_s.html" title="HTML <s> ਟੈਗ"><s></a></li> <li><a href="/pa/tags/tag_samp.html" title="HTML <samp> ਟੈਗ"><samp></a></li> <li><a href="/pa/tags/tag_script.html" title="HTML <script> ਟੈਗ"><script></a></li> <li><a href="/pa/tags/tag_search.html" title="HTML <search> ਟੈਗ"><search></a></li> <li><a href="/pa/tags/tag_section.html" title="HTML <section> ਟੈਗ"><section></a></li> <li><a href="/pa/tags/tag_select.html" title="HTML <select> ਟੈਗ"><select></a></li> <li><a href="/pa/tags/tag_small.html" title="HTML <small> ਟੈਗ"><small></a></li> <li><a href="/pa/tags/tag_source.html" title="HTML <source> ਟੈਗ"><source></a></li> <li><a href="/pa/tags/tag_span.html" title="HTML <span> ਟੈਗ"><span></a></li> <li><a href="/pa/tags/tag_strike.html" title="HTML <strike> ਟੈਗ"><strike></a></li> <li><a href="/pa/tags/tag_strong.html" title="HTML <strong> ਟੈਗ"><strong></a></li> <li><a href="/pa/tags/tag_style.html" title="HTML <style> ਟੈਗ"><style></a></li> <li><a href="/pa/tags/tag_sub.html" title="HTML <sub> ਟੈਗ"><sub></a></li> <li><a href="/pa/tags/tag_summary.html" title="HTML <summary> ਟੈਗ"><summary></a></li> <li><a href="/pa/tags/tag_sup.html" title="HTML <sup> ਟੈਗ"><sup></a></li> <li><a href="/pa/tags/tag_svg.html" title="HTML <svg> ਟੈਗ"><svg></a></li> <li><a href="/pa/tags/tag_table.html" title="HTML <table> ਟੈਗ"><table></a></li> <li><a href="/pa/tags/tag_tbody.html" title="HTML <tbody> ਟੈਗ"><tbody></a></li> <li><a href="/pa/tags/tag_td.html" title="HTML <td> ਟੈਗ"><td></a></li> <li><a href="/pa/tags/tag_template.html" title="HTML <template> ਟੈਗ"><template></a></li> <li><a href="/pa/tags/tag_textarea.html" title="HTML <textarea> ਟੈਗ"><textarea></a></li> <li><a href="/pa/tags/tag_tfoot.html" title="HTML <tfoot> ਟੈਗ"><tfoot></a></li> <li><a href="/pa/tags/tag_th.html" title="HTML <th> ਟੈਗ"><th></a></li> <li><a href="/pa/tags/tag_thead.html" title="HTML <thead> ਟੈਗ"><thead></a></li> <li><a href="/pa/tags/tag_time.html" title="HTML <time> ਟੈਗ"><time></a></li> <li><a href="/pa/tags/tag_title.html" title="HTML <title> ਟੈਗ"><title></a></li> <li><a href="/pa/tags/tag_tr.html" title="HTML <tr> ਟੈਗ"><tr></a></li> <li><a href="/pa/tags/tag_track.html" title="HTML <track> ਟੈਗ"><track></a></li> <li><a href="/pa/tags/tag_tt.html" title="HTML <tt> ਟੈਗ"><tt></a></li> <li><a href="/pa/tags/tag_u.html" title="HTML <u> ਟੈਗ"><u></a></li> <li><a href="/pa/tags/tag_ul.html" title="HTML <ul> ਟੈਗ"><ul></a></li> <li><a href="/pa/tags/tag_var.html" title="HTML <var> ਟੈਗ"><var></a></li> <li><a href="/pa/tags/tag_video.html" title="HTML <video> ਟੈਗ"><video></a></li> <li><a href="/pa/tags/tag_wbr.html" title="HTML <wbr> ਟੈਗ"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/pa/howto/index.html" title="CodeW3C.com ਦੀ ਕੱਚੀ ਬੰਦੂਕ">CodeW3C.com ਦੀ ਕੱਚੀ ਬੰਦੂਕ</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>HTML inputmode 属性</h1> <div class="prenextnav-ref"> <ul> <li> ਪਿੰਡ ਪੰਨਾ <a href="/pa/tags/att_global_inert.html" title="HTML inert ਪ੍ਰਤੀਯੋਗਿਤਾ">inert</a></li> <li> ਅਗਲਾ ਪੰਨਾ <a href="/pa/tags/att_standard_lang.html" title="HTML lang ਪ੍ਰਤੀਯੋਗਿਤਾ">lang</a></li> <li> ਉੱਪਰਲੇ ਸਤਰ ਵਾਪਸ <a href="/pa/tags/html_ref_standardattributes.html" title="HTML 全局属性">HTML 全局属性</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>inputmode</code> 属性允许您更改手机或平板电脑（任何带有虚拟键盘的设备）上键盘的外观。</p> <h3>ਹੋਰ ਦੇਖੋ:</h3> <p>HTML ਟੂਰਚੂਏਲ:<a href="/pa/html/html_attributes.html" title="HTML ਪ੍ਰਤੀਯੋਗਿਤਾ">HTML ਪ੍ਰਤੀਯੋਗਿਤਾ</a></p> </div> <div> <h2>ਉਦਾਹਰਣ</h2> <p class="tip"><span>ਸੁਝਾਅ:</span>ਮਨੁੱਖੀ ਮੋਬਾਈਲ ਜਾਂ ਟੇਬਲੇਟ ਉੱਤੇ ਉਦਾਹਰਣ ਚਲਾਓ ਤਾਂ ਕਿ ਨਤੀਜੇ ਦੇਖ ਸਕੋ</p> <h3>ਉਦਾਹਰਣ 1</h3> <p>ਮਾਤਰ ਨੰਬਰ ਕੇਬਲ ਦਿਖਾਉਣ ਵਾਲੇ (ਵਿਰੁੱਧ) ਕੇਬਲ ਵਿੱਚ ਸਿਰਫ ਨੰਬਰ ਕੇਬਲ ਦਿਖਾਉਣਾ:</p> <pre class="language-html"> <input type="text" inputmode="numeric"> </pre> <img src="/i/tags/inputmode_numeric.jpg" alt="inputmode 属性在手机上显示的结果" width="300"><br> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=tag_global_inputmode">ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> <h3>ਉਦਾਹਰਣ 2</h3> <p>ਹੇਠ ਦਾ ਉਦਾਹਰਣ "email" ਦੇ "inputmode" ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ:</p> <pre class="language-html"> <input type="text" inputmode="email"> </pre> <img src="/i/tags/inputmode_email.jpg" alt="inputmode 属性在手机上显示的结果" width="300"><br> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=tag_global_inputmode_email">ਸਵੈ ਪ੍ਰਯੋਗ ਕਰੋ</a></p> </div> <div> <h2>ਗਿਆਨ</h2> <pre class="language-html"> <<i>element</i> inputmode="decimal|email|none|numeric|search|tel|text|url"> </pre> <h3>ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ</h3> <table class="dataintable"> <tr> <th style="width:20%;">ਮੁੱਲ</th> <th>ਵਰਣਨ</th> </tr> <tr> <td>decimal</td> <td>ਸਿਰਫ਼ ਨੰਬਰ ਕੀਬੋਰਡ ਵਿਖਾਇਆ ਜਾਂਦਾ ਹੈ, ਜਾਂਤਰੀ ਵੇਖਣ ਲਈ ਇੱਕ ਕੋਮਾ ਕੀਬੋਰਡ</td> </tr> <tr> <td>email</td> <td>ਟੈਕਸਟ ਕੀਬੋਰਡ, ਕੀਬੋਰਡ ਜਾਂਤਰੀ ਵੇਖਣ ਲਈ ਉਪਯੋਗ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਜਿਵੇਂ [@]</td> </tr> <tr> <td>none</td> <td>ਕੀਬੋਰਡ ਨਹੀਂ ਦਿਖਾਇਆ ਜਾਵੇ</td> </tr> <tr> <td>numeric</td> <td>ਸਿਰਫ਼ ਨੰਬਰ ਕੀਬੋਰਡ ਵਿਖਾਇਆ ਜਾਂਦਾ ਹੈ</td> </tr> <tr> <td>search</td> <td>ਟੈਕਸਟ ਕੀਬੋਰਡ, [enter] ਕੀਬੋਰਡ ਜਾਂਤਰੀ ਵੇਖਣ ਲਈ [go] ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ</td> </tr> <tr> <td>tel</td> <td>ਸਿਰਫ਼ ਨੰਬਰ ਕੀਬੋਰਡ ਵਿਖਾਇਆ ਜਾਂਦਾ ਹੈ, ਜਾਂਤਰੀ ਵੇਖਣ ਲਈ [+]、[*] ਅਤੇ [#] ਕੀਬੋਰਡ</td> </tr> <tr> <td>text</td> <td>ਮੂਲਤਵੀ ਤੈਕਸਟ ਕੀਬੋਰਡ</td> </tr> <tr> <td>url</td> <td>ਟੈਕਸਟ ਕੀਬੋਰਡ, ਕੀਬੋਰਡ ਜਾਂਤਰੀ ਵੇਖਣ ਲਈ ਉਪਯੋਗ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਜਿਵੇਂ [.] ਅਤੇ [/] ਅਤੇ ਵਿਸ਼ੇਸ਼ [.com] ਕੀਬੋਰਡ, ਜਾਂ ਹੋਰ ਸਥਾਨਕ ਸੈਟਿੰਗ ਦੇ ਦੋਮੀਨ ਮੈਂਡਜ਼ ਅਤੇ ਅਤੇ ਹੋਰ ਸਥਾਨਕ ਸੈਟਿੰਗ ਦੇ ਦੋਮੀਨ ਮੈਂਡਜ਼</td> </tr> </table> </div> <div> <h2>ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ</h2> <table class="browser-support"> <tr> <th class="bsChrome">ਚਰਾਮਸ</th> <th class="bsEdge">ਐਜ਼ਡ</th> <th class="bsFirefox">ਫਾਇਰਫਾਕਸ</th> <th class="bsSafari">ਸਫਾਰੀ</th> <th class="bsOpera">ਓਪਰਾ</th> </tr> <tr> <td>ਚਰਾਮਸ</td> <td>ਐਜ਼ਡ</td> <td>ਫਾਇਰਫਾਕਸ</td> <td>ਸਫਾਰੀ</td> <td>ਓਪਰਾ</td> </tr> <tr> <td>66</td> <td>79</td> <td>95</td> <td>12.2</td> <td>53</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> ਪਿੰਡ ਪੰਨਾ <a href="/pa/tags/att_global_inert.html" title="HTML inert ਪ੍ਰਤੀਯੋਗਿਤਾ">inert</a></li> <li> ਅਗਲਾ ਪੰਨਾ <a href="/pa/tags/att_standard_lang.html" title="HTML lang ਪ੍ਰਤੀਯੋਗਿਤਾ">lang</a></li> <li> ਉੱਪਰਲੇ ਸਤਰ ਵਾਪਸ <a href="/pa/tags/html_ref_standardattributes.html" title="HTML 全局属性">HTML 全局属性</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> ਟੂਲਬਾਕਸ </center><h3> <h5 id="tools_reference"><a href="/pa/tags/index.html">HTML ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ</a></h5> <h5 id="tools_example"><a href="/pa/html/html_examples.html">HTML ਇੰਸਟੈਂਸ</a></h5> <h5 id="tools_quiz"><a href="/pa/html/html_quiz.html">HTML ਟੈਸਟ</a></h5> <h5 id="tools_tutorial"><a href="/pa/html/index.html">HTML ਟੂਰ</a></h5> </div> <div><h3><center> ਸਪਾਂਸਰ ਲਿੰਕ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ਵੱਲੋਂ ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਸਮਗਰੀ ਟ੍ਰੇਨਿੰਗ ਅਤੇ ਟੈਸਟ ਲਈ ਹੈ, ਸਮਗਰੀ ਦੀ ਸਹੀਤਾ ਨਹੀਂ ਗਰੰਟੀ ਦਿੱਤੀ ਜਾਂਦੀ ਹੈ।ਇਸ ਸਾਇਟ ਦੀ ਸਮਗਰੀ ਦੀ ਵਰਤੋਂ ਨਾਲ ਆਉਣ ਵਾਲੇ ਜੋਖਮ ਇਸ ਸਾਇਟ ਨਾਲ ਨਹੀਂ ਸਬੰਧਤ ਹਨ।ਸਾਰੇ ਹਕਾਇਤਾਂ, ਸਾਰੇ ਹੱਕ ਸੁਰੱਖਿਆ ਹਨ。 </p> <p id="p2"> <a href="/pa/about/index.html" title="ਬਾਰੇ CodeW3C.com">ਬਾਰੇ CodeW3C.com</a> <a href="/pa/about/about_helping.html" title="ਮਦਦ CodeW3C.com">ਮਦਦ CodeW3C.com</a> <a href="/pa/about/about_use.html" title="ਉਪਯੋਗ ਬਾਰੇ">ਉਪਯੋਗ ਸੂਚਨਾ</a> <a href="/pa/about/about_privacy.html" title="ਪ੍ਰਾਇਵੇਸੀ ਬਾਰੇ">ਪ੍ਰਾਇਵੇਸੀ ਸੂਚਨਾ</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Powered by Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>