ပညာရေးဆိုင်ရာ ပြင်ဆင်

လျှပ်စ်ချက် ပြာသား

HTML သတ်မှတ်

-

</a></li> <li><a href="/my/tags/tag_img.html" title="ဟန်တိုင်း <img> အလိုက်"><img></a></li> <li><a href="/my/tags/tag_input.html" title="ဟန်တိုင်း <input> အလိုက်"><input></a></li> <li><a href="/my/tags/tag_ins.html" title="ဟန်တိုင်း <ins> အလိုက်"><ins></a></li> <li><a href="/my/tags/tag_kbd.html" title="ဟန်တိုင်း <kbd> အလိုက်"><kbd></a></li> <li><a href="/my/tags/tag_label.html" title="ဟန်တိုင်း <label> အလိုက်"><label></a></li> <li><a href="/my/tags/tag_legend.html" title="ဟန်တိုင်း <legend> အလိုက်"><legend></a></li> <li><a href="/my/tags/tag_li.html" title="ဟန်တိုင်း <li> အလိုက်"><li></a></li> <li><a href="/my/tags/tag_link.html" title="ဟန်တိုင်း <link> အလိုက်"><link></a></li> <li><a href="/my/tags/tag_main.html" title="ဟန်တိုင်း <main> အလိုက်"><main></a></li> <li><a href="/my/tags/tag_map.html" title="ဟန်တိုင်း <map> အလိုက်"><map></a></li> <li><a href="/my/tags/tag_mark.html" title="ဟန်တိုင်း <mark> အလိုက်"><mark></a></li> <li><a href="/my/tags/tag_menu.html" title="ဟန်တိုင်း <menu> အလိုက်"><menu></a></li> <li><a href="/my/tags/tag_meta.html" title="ဟန်တိုင်း <meta> အလိုက်"><meta></a></li> <li><a href="/my/tags/tag_meter.html" title="ဟန်တိုင်း <meter> အလိုက်"><meter></a></li> <li><a href="/my/tags/tag_nav.html" title="ဟန်တိုင်း <nav> အလိုက်"><nav></a></li> <li><a href="/my/tags/tag_noframes.html" title="ဟန်တိုင်း <noframes> အလိုက်"><noframes></a></li> <li><a href="/my/tags/tag_noscript.html" title="ဟန်တိုင်း <noscript> အလိုက်"><noscript></a></li> <li><a href="/my/tags/tag_object.html" title="ဟန်တိုင်း <object> အလိုက်"><object></a></li> <li><a href="/my/tags/tag_ol.html" title="ဟန်တိုင်း <ol> အလိုက်"><ol></a></li> <li><a href="/my/tags/tag_optgroup.html" title="ဟန်တိုင်း <optgroup> အလိုက်"><optgroup></a></li> <li><a href="/my/tags/tag_option.html" title="ဟန်တိုင်း <option> အလိုက်"><option></a></li> <li><a href="/my/tags/tag_output.html" title="ဟန်တိုင်း <output> အလိုက်"><output></a></li> <li><a href="/my/tags/tag_p.html" title="ဟန်တိုင်း <p> အလိုက်"><p></a></li> <li><a href="/my/tags/tag_param.html" title="ဟန်တိုင်း <param> အလိုက်"><param></a></li> <li><a href="/my/tags/tag_picture.html" title="ဟန်တိုင်း <picture> အလိုက်"><picture></a></li> <li><a href="/my/tags/tag_pre.html" title="ဟန်တိုင်း <pre> အလိုက်"><pre></a></li> <li><a href="/my/tags/tag_progress.html" title="ဟန်တိုင်း <progress> အလိုက်"><progress></a></li> <li><a href="/my/tags/tag_q.html" title="ဟန်တိုင်း <q> အလိုက်"><q></a></li> <li><a href="/my/tags/tag_rp.html" title="ဟန်တိုင်း <rp> အလိုက်"><rp></a></li> <li><a href="/my/tags/tag_rt.html" title="ဟန်တိုင်း <rt> အလိုက်"><rt></a></li> <li><a href="/my/tags/tag_ruby.html" title="ဟန်တိုင်း <ruby> အလိုက်"><ruby></a></li> <li><a href="/my/tags/tag_s.html" title="ဟန်တိုင်း <s> အလိုက်"><s></a></li> <li><a href="/my/tags/tag_samp.html" title="ဟန်တိုင်း <samp> အလိုက်"><samp></a></li> <li><a href="/my/tags/tag_script.html" title="ဟန်တိုင်း <script> အလိုက်"><script></a></li> <li><a href="/my/tags/tag_search.html" title="ဟန်တိုင်း <search> အလိုက်"><search></a></li> <li><a href="/my/tags/tag_section.html" title="ဟန်တိုင်း <section> အလိုက်"><section></a></li> <li><a href="/my/tags/tag_select.html" title="ဟန်တိုင်း <select> အလိုက်"><select></a></li> <li><a href="/my/tags/tag_small.html" title="ဟန်တိုင်း <small> အလိုက်"><small></a></li> <li><a href="/my/tags/tag_source.html" title="ဟန်တိုင်း <source> အလိုက်"><source></a></li> <li><a href="/my/tags/tag_span.html" title="ဟန်တိုင်း <span> အလိုက်"><span></a></li> <li><a href="/my/tags/tag_strike.html" title="ဟန်တိုင်း <strike> အလိုက်"><strike></a></li> <li><a href="/my/tags/tag_strong.html" title="ဟန်တိုင်း <strong> အလိုက်"><strong></a></li> <li><a href="/my/tags/tag_style.html" title="ဟန်တိုင်း <style> အလိုက်"><style></a></li> <li><a href="/my/tags/tag_sub.html" title="HTML <sub> ခွဲခြားသုံးစွဲ"><sub></a></li> <li><a href="/my/tags/tag_summary.html" title="HTML <summary> ခွဲခ�ားသုံးစွဲ"><summary></a></li> <li><a href="/my/tags/tag_sup.html" title="HTML <sup> ခွဲခ�ားသုံးစွဲ"><sup></a></li> <li><a href="/my/tags/tag_svg.html" title="HTML <svg> ခွဲခ�ားသုံးစွဲ"><svg></a></li> <li><a href="/my/tags/tag_table.html" title="HTML <table> ခွဲခ�ားသုံးစွဲ"><table></a></li> <li><a href="/my/tags/tag_tbody.html" title="HTML <tbody> ခွဲခ�ားသုံးစွဲ"><tbody></a></li> <li><a href="/my/tags/tag_td.html" title="HTML <td> ခွဲခ�ားသုံးစွဲ"><td></a></li> <li><a href="/my/tags/tag_template.html" title="HTML <template> ခွဲခ�ားသုံးစွဲ"><template></a></li> <li><a href="/my/tags/tag_textarea.html" title="HTML <textarea> ခွဲခ�ားသုံးစွဲ"><textarea></a></li> <li><a href="/my/tags/tag_tfoot.html" title="HTML <tfoot> ခွဲခ�ားသုံးစွဲ"><tfoot></a></li> <li><a href="/my/tags/tag_th.html" title="HTML <th> ခွဲခ�ားသုံးစွဲ"><th></a></li> <li><a href="/my/tags/tag_thead.html" title="HTML <thead> ခွဲခ�ားသုံးစွဲ"><thead></a></li> <li><a href="/my/tags/tag_time.html" title="HTML <time> ခွဲခ�ားသုံးစွဲ"><time></a></li> <li><a href="/my/tags/tag_title.html" title="HTML <title> ခွဲခ�ားသုံးစွဲ"><title></a></li> <li><a href="/my/tags/tag_tr.html" title="HTML <tr> ခွဲခ�ားသုံးစွဲ"><tr></a></li> <li><a href="/my/tags/tag_track.html" title="HTML <track> ခွဲခ�ားသုံးစွဲ"><track></a></li> <li><a href="/my/tags/tag_tt.html" title="HTML <tt> ခွဲခ�ားသုံးစွဲ"><tt></a></li> <li><a href="/my/tags/tag_u.html" title="HTML <u> ခွဲခ�ားသုံးစွဲ"><u></a></li> <li><a href="/my/tags/tag_ul.html" title="HTML <ul> ခွဲခ�ားသုံးစွဲ"><ul></a></li> <li><a href="/my/tags/tag_var.html" title="HTML <var> ခွဲခ�ားသုံးစွဲ"><var></a></li> <li><a href="/my/tags/tag_video.html" title="HTML <video> ခွဲခ�ားသုံးစွဲ"><video></a></li> <li><a href="/my/tags/tag_wbr.html" title="HTML <wbr> ခွဲခ�ားသုံးစွဲ"><wbr></a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/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 <input> pattern 属性</h1> <div class="backtoreference"> <p><a href="/my/tags/tag_input.html">ဟန်တိုင်း <input> အလိုက်</a></p> </div> <div> <h2>定义和用法</h2> <p><code>pattern</code> 属性规定正则表达式，在提交表单时根据该正则表达式检查 <input> 元素的值。</p> <p class="important"><span>注意：</span><code>pattern</code> 属性适用于以下输入类型：</p> <ul> <li>text</li> <li>date</li> <li>search</li> <li>url</li> <li>tel</li> <li>email</li> <li>password</li> </ul> <p class="tip"><span>အကြိမ်အချိန်</span>使用 <a href="/my/tags/att_standard_title.html" title="HTML title လက်ခံ">全局的 title 属性</a> 来描述该模式，以帮助用户理解。</p> <p class="tip"><span>အကြိမ်အချိန်</span>ကျွန်ုပ်၏ <a href="/my/js/index.html" title="JavaScript ပညာရှင်">JavaScript ပညာရှင်</a> အမေရိကန် ကျောင်း တွင် အသေးစိတ် ပြုလုပ် ရန် အသေးစိတ် ပြုလုပ် ရန် ပုံစံ အမှတ် ကို လေ့လာ ရန်</p> </div> <div> <h2>အကြောင်း</h2> <h3>အကြောင်း ၁</h3> <p>အော်ဒါ ဖိုင် မှာ အမှတ် ၃ ခု သာ ပါဝင်နိုင်သော (လက်မှတ် နှင့် အခြား အက္ခရာ မပါ) အမှတ် ပါ ဖိုင် တစ် ခု ပါဝင်သည့် HTML ဖိုင် တစ် ခု ဖြစ်သည်:</p> <pre class="language-html"> <form action="/action_page.php"> <label for="country_code">နိုင်ငံ ကုဒ် အမှတ်：</label> <input type="text" id="country_code" name="country_code"} pattern="[A-Za-z]{3}" title="လူမျိုးစည်း ၃ အကွက်အရာ"><br><br> <input type="submit"> </form> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tag_input_pattern_1">亲自试一试</a></p> <h3>အမှတ် 2</h3> <p>type ကို "password" ဟု စွဲခြင်းသား <input> အကွက်တစ်ခု ဖြစ်ပါသည်၊ ၈ ခု အထိ အကွက်အရာများ ပါဝင်၍</p> <pre class="language-html"> <form action="/action_page.php"> <label for="pwd">လက်မှတ်:</label> <input type="password" id="pwd" name="pwd" pattern=".{8,}" title="နှစ်ခု အထိ အကွက်အရာများ ပါဝင်၍" <input type="submit"> </form> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tag_input_pattern_2">亲自试一试</a></p> <h3>အမှတ် 3</h3> <p>type ကို "password" ဟု စွဲခြင်းသား <input> အကွက်တစ်ခု ဖြစ်ပါသည်၊ ၈ ခု သို့မဟုတ် ၈ ခု အထိ အကွက်အရာများ ပါဝင်၍ အခြား အကွက်အရာ တစ်ခု သို့မဟုတ် အချို့ အကွက်အရာများ ပါဝင်၍ ပြီး အမှတ် တစ် ခု ပါဝင်၍ ပါသည်</p> <pre class="language-html"> <form action="/action_page.php"> <label for="pwd">လက်မှတ်:</label> <input type="password" id="pwd" name="pwd" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="အရေးပါသော အကွက်အရာ ၈ ခု အထိ ပါဝင်၍ အခြား အကွက်အရာ တစ်ခု သို့မဟုတ် အချို့ အကွက်အရာများ ပါဝင်၍ ပြီး အမှတ် တစ် ခု ပါဝင်၍ အမေရိကန် အကွက်အရာ အထိ ပါဝင်၍ ပါသည်" <input type="submit"> </form> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tag_input_pattern_3">亲自试一试</a></p> <h3>အမှတ် 4</h3> <p>type ကို "email" ဟု စွဲခြင်းသား <input> အကွက်တစ်ခု ဖြစ်ပါသည်၊ characters@characters.domain ပြီးပြီးဆုံးပါသည်။</p> <p>အကွက်အရာများ နှင့် @ အမှတ်အသား ပါဝင်၍ နေပြီ၊ အခြား အကွက်အရာများ ပါဝင်ပြီးနောက် နောက်ဆုံးတွင် "." အမှတ်အသား ပါဝင်ပါသည်။ "." အမှတ်အသား ပြီးနောက် အေ မှ a အထိ သုံးပုံတစ်ခု အထိ ပါဝင်ပါသည်။</p> <pre class="language-html"> <form action="/action_page.php"> <label for="email">အီးလိုင်:</label> <input type="email" id="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"> <input type="submit"> </form> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tag_input_pattern_4">亲自试一试</a></p> <h3>အမှတ် 5</h3> <p>type ကို "search" ဟု စွဲခြင်းသား <input> အကွက်တစ်ခု ဖြစ်ပါသည်၊ ' သို့မဟုတ် " အမှတ်အသားများ ပါဝင်ခြင်း မပါဘူး။</p> <pre class="language-html"> <form action="/action_page.php"> <label for="search">Search:</label> <input type="search" id="search" name="search" pattern="[^'\x22]+" title="ပြန်လည်ပေးပါသည်" <input type="submit"> </form> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tag_input_pattern_5">亲自试一试</a></p> <h3>အမှတ် 6</h3> <p>ဒါဟာ type ကို "url" ဟု စွဲခြင်းသား <input> အကွက်တစ်ခု ဖြစ်ပါသည်၊ http:// သို့မဟုတ် https:// ဖြင့် စတင်၍ အခြား သုံးပုံတစ်ခု ပြီးပြီးဆုံးပါသည်။</p> <pre class="language-html"> <form action="/action_page.php"> <label for="website">Homepage:</label> <input type="url" id="website" name="website" pattern="https?://.+" title="包含 http://"> <input type="submit"> </form> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tag_input_pattern_6">亲自试一试</a></p> </div> <div> <h2>语法</h2> <pre class="language-html"> <input pattern="<i>regexp</i>"> </pre> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 20%;">值</th> <th>描述</th> </tr> <tr> <td><i>regexp</i></td> <td>规定检查 <input> 元素值的正则表达式。</td> </tr> </table> </div> <div> <h2>浏览器支持</h2> <p>表中的数字注明了首个完全支持该属性的浏览器版本。</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>5.0</td> <td>10.0</td> <td>4.0</td> <td>10.1</td> <td>9.6</td> </tr> </table> <p class="note"><span>注释：</span><code>pattern</code> 属性是 HTML5 中的新属性。</p> </div> <div class="backtoreference"> <p><a href="/my/tags/tag_input.html">ဟန်တိုင်း <input> အလိုက်</a></p> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/my/tags/index.html">HTML 参考手册</a></h5> <h5 id="tools_example"><a href="/my/html/html_examples.html">HTML 实例</a></h5> <h5 id="tools_quiz"><a href="/my/html/html_quiz.html">HTML 测验</a></h5> <h5 id="tools_tutorial"><a href="/my/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="/my/about/index.html" title="နှင့် CodeW3C.com အကြောင်း">နှင့် CodeW3C.com အကြောင်း</a> <a href="/my/about/about_helping.html" title="CodeW3C.com အကူအညီ">CodeW3C.com အကူအညီ</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း အကြောင်း">အသုံးပြု ချက်</a> <a href="/my/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="ပြင်ဆင်သည့် Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>