HTML <button> အချက်အလက်

အခန်းများ စာရင်း

ကိုယ်စားပြု စာရင်း

HTML သတင်း အချက်

<body>

<br>

<button>

<canvas>

- <head> <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 <button> အချက်အလက်</h1> <div class="prenextnav"> <ul> <li> အရေးပါ စာလီ <a href="/my/tags/tag_br.html" title="HTML <br> အချက်အလက်"><br></a></li> <li> နောက်ပိုင်း စာလီ <a href="/my/tags/tag_canvas.html" title="HTML <canvas> အချက်အလက်"><canvas></a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code><button></code> 标签定义可点击的按钮。</p> <p>တွင် <code><button></code> အကွက်အတွင်း၌ မသုံးနိုင်သော စကားလုံး (နှင့် <i>、<b>、<strong>、<br>、<img> စသည်များ) ကို ထည့်သွင့်နိုင်ပါသည်။ ဤသည် အသုံးပြု <code><input></code> အကွက်ကို ဖွင့်ပြီး မဖြစ်နိုင်သော အချက်အလက်များ!</p> <p class="tip"><span>အကြောင်းအရာ</span>နှုတ်ချက်အရာကို အသုံးပြုရမည် <code><button></code> အရာ <a href="/my/tags/att_button_type.html" title="HTML <button> type လက်ခံ">type အချက်အလက်</a>ဘရပ်စ်ဘရပ်စ်ကို အသိအမှတ်ပြုရမည်</p> <p class="tip"><span>အကြောင်းအရာ</span>နှုတ်ချက်အရာကို အပြောင်းအလဲပြုရန် CSS ကို အသုံးပြုပါ၊ အောက်ပါ အချက်အလက်ကို ကြည့်ပါ သို့မဟုတ် ကမ္ဘာ့ပြည့်ပြည့်စာကြောင်း <a href="/my/css/css3_buttons.html" title="CSS ဘော်လုံး">CSS နှုတ်ချက်အရာ စာကြောင်း</a>.</p> <h3>အချက်အလက်</h3> <p><code><button></code> အချက်အလက် <code><input type="button"></code> နှင့် နောက်<code><button></code> နှင့် <code></button></code> အချက်အလက်အချို့</p> <p>အုပ်ချုပ်သော အချက်အလက်</p> <p>နှုတ်ချက်အရာကို အသုံးပြုရမည် <a href="/my/tags/att_button_type.html" title="HTML <button> type လက်ခံ">type အချက်အလက်</a>。 <code>"button"</code>၊ အခြား ဘရပ်စ်ဘရပ်စ် ဘက်တွင် (W3C အချက်အလက်များ ပါ) အခြား အချက်အလက် <code>"submit"</code>.</p> <h3>အခြားအချက်အလက်</h3> <p>HTML DOM ပြည့်ပြည့်အချက်အလက်<a href="/my/jsref/dom_obj_pushbutton.html" title="HTML DOM Button အပေါ်">Button အရာ</a></p> <p>CSS စာကြောင်း<a href="/my/css/css3_buttons.html" title="CSS ဘော်လုံး">နှုတ်ချက်အရာ၏ အပြောင်းအလဲ</a></p> </div> <div> <h2>အချက်အလက်</h2> <p>နှုတ်ချက်အရာကို သတ်မှတ်ရမည်</p> <pre class="language-css"> <button type="button">ကျွန်ုပ်ကို စိတ်တွေ့ပါ</button> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tags_button_1">ကိုယ်တိုင် စစ်ဆေးမည်</a></p> <p class="tip"><span>အကြောင်းအရာ</span>အောက်ပါအချက်အလက်များကို ပြင်ဆင်ရမည်</p> </div> <div> <h2>အချက်အလက်</h2> <table class="dataintable"> <tr> <th style="width:20%;">အချက်အလက်</th> <th style="width:35%;">ပြင်ဆင်</th> <th>ဖော်ပြ</th> </tr> <tr> <td><a href="/my/tags/att_button_autofocus.html" title="HTML <button> autofocus လက်ခံ">autofocus</a></td> <td>autofocus</td> <td>နှုတ်ချက်အရာကို စားပုံစံအရ ပြင်ဆင်ရမည်</td> </tr> <tr> <td><a href="/my/tags/att_button_disabled.html" title="HTML <button> disabled လက်ခံ">disabled</a></td> <td>disabled</td> <td>နှုတ်ချက်အရာကို အသုံးမမှုနိုင်စေရမည်</td> </tr> <tr> <td><a href="/my/tags/att_button_form.html" title="HTML <button> form လက်ခံ">form</a></td> <td><i>form_id</i></td> <td>နှုတ်ချက်အရာကို ကိုယ်စားပြုသော ပေါင်းစပ်ထားသောအချက်အလက်</td> </tr> <tr> <td><a href="/my/tags/att_button_formaction.html" title="HTML <button> formaction လက်ခံ">formaction</a></td> <td><i>URL</i></td> <td> <p>ပေါင်းစပ်ထားသောအချက်အလက်ကို ပေးပို့ရမည်</p> <p>type="submit" မှာသာ အသုံးပြုသည်</p> </td> </tr> <tr> <td><a href="/my/tags/att_button_formenctype.html" title="HTML <button> formenctype လက်ခံ">formenctype</a></td> <td> <ul> <li>application/x-www-form-urlencoded</li> <li>multipart/form-data</li> <li>text/plain</li> </ul> </td> <td> <p>ပေါင်းစပ်ထားသောအချက်အလက်ကို ပေါင်းစပ်ရမည်</p> <p>type="submit" မှာသာ အသုံးပြုသည်</p> </td> </tr> <tr> <td><a href="/my/tags/att_button_formmethod.html" title="HTML <button> formmethod လက်ခံ">formmethod</a></td> <td> <ul> <li>get</li> <li>post</li> </ul> </td> <td> <p>ပေါင်းစပ်ထားသောအချက်အလက်ကို တိုက်ရိုက်ပို့ရမည်</p> <p>type="submit" မှာသာ အသုံးပြုသည်</p> </td> </tr> <tr> <td><a href="/my/tags/att_button_formnovalidate.html" title="HTML <button> formnovalidate လက်ခံ">formnovalidate</a></td> <td>formnovalidate</td> <td> <p>ပေါင်းစပ်ထားသောအချက်အလက်ကို ကျသုံးသင့်သည်</p> <p>type="submit" မှာသာ အသုံးပြုသည်</p> </td> </tr> <tr> <td><a href="/my/tags/att_button_formtarget.html" title="HTML <button> formtarget လက်ခံ">formtarget</a></td> <td> <ul> <li></li> <li></li> <li></li> <li></li> <i>အုတ်ဖိုးအမည်</i> </ul> </td> <td> <p>ပေါင်းစပ်ထားသောပုံစံကို ပြင်ဆင်ရမည်</p> <p>type="submit" မှာသာ အသုံးပြုသည်</p> </td> </tr> <tr> <td><a href="/my/tags/att_button_name.html" title="HTML <button> name လက်ခံ">name</a></td> <td><i>အမည်</i></td> <td>နှုတ်ချက်အမည်ကိုချဲ့ရမည်</td> </tr> <tr> <td><a href="/my/tags/att_button_popovertarget.html" title="HTML <button> popovertarget လက်ခံ">popovertarget</a></td> <td><i>element_id</i></td> <td>လိုင်းစားသူအရာများကိုချဲ့ရမည်</td> </tr> <tr> <td><a href="/my/tags/att_button_popovertargetaction.html" title="HTML <button> popovertargetaction လက်ခံ">popovertargetaction</a></td> <td> <ul> <li>hide</li> <li>show</li> <li>toggle</li> </ul> </td> <td>ဘရောက်လား စစ်ဆေးသော အခြေအနေ ကို သတ်မှတ်သည်</td> </tr> <tr> <td><a href="/my/tags/att_button_type.html" title="HTML <button> type လက်ခံ">type</a></td> <td> <ul> <li>button</li> <li>reset</li> <li>submit</li> </ul> </td> <td>ဘရောက်လား အမျိုးအစား ကို သတ်မှတ်သည်</td> </tr> <tr> <td><a href="/my/tags/att_button_value.html" title="HTML <button> value လက်ခံ">value</a></td> <td><i>အခြေအနေ</i></td> <td>ဘရောက်လား အစားထိုးခြင်း ကို အဆိုပါ ဘရောက်လား ကို သတ်မှတ်သည်</td> </tr> </table> </div> <div> <h2>အခြေအနေ</h2> <p><code><button></code> လက္ခဏာ <a href="/my/tags/html_ref_standardattributes.html" title="HTML အမြဲပြု အခွင့်အရေး">HTML တွင် အမြန်မြန် အခြေအနေ</a>.</p> </div> <div> <h2>အခြေအနေ</h2> <p><code><button></code> လက္ခဏာ <a href="/my/tags/html_ref_eventattributes.html" title="HTML ဖြစ်ပေါ်ကြောင်း လက်ခံ">HTML တွင် ဖြစ်ပေါ်စေသော အခြေအနေ</a>.</p> </div> <div> <h2>မူကြမ်း CSS စီစဥ်ချက်</h2> <p>အမှတ်အသားမရှိ</p> </div> <div> <h2>ဘရောက်လား အချက်အလက်</h2> <h3>ဘရောက်လား 2</h3> <p>ဘရောက်လား ကူညီပေးသည် CSS ကို</p> <pre class="language-html"> !DOCTYPE html <html> <head> <style> .button { border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button1 {background-color: #4CAF50;} /* အေးမြစ်ရောင် */ .button2 {background-color: #008CBA;} /* ဂုံးရောင် */ </style> </head> <body> <button class="button button1">အေးမြစ်ရောင်</button> <button class="button button2">ဂုံးရောင်</button> </body> </html> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tags_button_css_1">ကိုယ်တိုင် စစ်ဆေးမည်</a></p> <h3>ဘရောက်လား 2</h3> <p>ဘရောက်လား ခြင်း ကူညီပေးသည် CSS ကို ဘရောက်လား နှင့် ပတ်သက်၍ ဘရောက်လား နှင့် ပတ်သက်၍ ဘရောက်လား ကို စီစဥ်ကြောင်း (နှစ်ခုကြား ပတ်သက်၍ ဘရောက်လား ကို ပြုပြင်ကြောင်း)</p> <pre class="language-html"> !DOCTYPE html <html> <head> <style> .button { border: none; color: white; padding: 16px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; } .button1 { background-color: white; color: black; border: 2px solid #4CAF50; } .button1:hover { background-color: #4CAF50; color: white; } .button2 { background-color: white; color: black; border: 2px solid #008CBA; } .button2:hover { background-color: #008CBA; color: white; } </style> </head> <body> <button class="button button1">အေးမြစ်ရောင်</button> <button class="button button2">ဂုံးရောင်</button> </body> </html> </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=tags_button_css_2">ကိုယ်တိုင် စစ်ဆေးမည်</a></p> </div> <div> <h2>ဘရောက်လား ခြင်း ကူညီပေးသည်</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">ဆာဖား</th> <th class="bsOpera">အိုပီယာ</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>ဆာဖား</td> <td>အိုပီယာ</td> </tr> <tr> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> အရေးပါ စာလီ <a href="/my/tags/tag_br.html" title="HTML <br> အချက်အလက်"><br></a></li> <li> နောက်ပိုင်း စာလီ <a href="/my/tags/tag_canvas.html" title="HTML <canvas> အချက်အလက်"><canvas></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="/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>