CodeW3C สอนออนไลน์
ตัวเรียน HTML ชุด
สคริปต์เบราเซอร์
สคริปต์เซิร์ฟเวอร์
ตัวเรียนการเขียนโปรแกรม
ตัวเรียน XML ชุด
คู่มือสร้างเว็บไซต์
คู่มืออ้างอิง
ตารางวันเรียน
JS คู่มืออ้างอิง
JS คู่มืออ้างอิง (เรียงตามประเภท)
JS คู่มืออ้างอิง (เรียงตามตัวอักษร)
JavaScript
JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS Object
JS สัญญาณ
JS ลำดับความสำคัญของสัญญาณ
JS คำสั่ง
JS ตัวแปรชนิดตัวเลข
Window
Object Window
Window Console
Window History
Window Location
Window Navigator
Window Screen
HTML DOM
HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event Object
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style
Web API
API Canvas
API Console
API Fetch
API จอเต็มจอ
API จัดการที่ตั้ง
API ประวัติ
API MediaQueryList
API การเก็บข้อมูล
API การรับรอง
API ของเว็บ
HTML สมาชิก
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> ปุ่ม
<input> checkbox
<input> สี
<input> วัน
<input> วันที่
<input> วันที่เวลา
<input> อีเมล
<input> ไฟล์
<input> ซ่อน
<input> รูปภาพ
<input> เดือน
<input> ตัวเลข
<input> รหัสผ่าน
<input> รายการ
<input> ระยะ
<input> ล้าง
<input> ค้นหา
<input> ส่ง
<input> ข้อความ
<input> ระยะเวลา
<input> ลิงก์
<input> สัปดาห์
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
</a></li> <li><a href="/th/jsref/dom_obj_time.html" title="HTML DOM Time องค์ประกอบ"><time></a></li> <li><a href="/th/jsref/dom_obj_title.html" title="HTML DOM Title องค์ประกอบ"><title></a></li> <li><a href="/th/jsref/dom_obj_track.html" title="HTML DOM Track องค์ประกอบ"><track></a></li> <li><a href="/th/jsref/dom_obj_u.html" title="HTML DOM Underline องค์ประกอบ"><u></a></li> <li><a href="/th/jsref/dom_obj_ul.html" title="HTML DOM Ul องค์ประกอบ"><ul></a></li> <li><a href="/th/jsref/dom_obj_var.html" title="HTML DOM Variable องค์ประกอบ"><var></a></li> <li><a href="/th/jsref/dom_obj_video.html" title="HTML DOM Video องค์ประกอบ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/th/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration องค์ประกอบ">CSSStyleDeclaration</a></li> <li><a href="/th/jsref/jsref_type_conversion.html" title="JavaScript การแปลงประเภท">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/th/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 DOM องค์ประกอบ Input Button</h1> <div class="prenextnav"> <ul> <li> หน้าก่อน <a href="/th/jsref/dom_obj_ins.html" title="HTML DOM Ins วัตถุ"><ins></a></li> <li> หน้าต่อไป <a href="/th/jsref/dom_obj_checkbox.html" title="HTML DOM องค์ประกอบ Input Checkbox"><input> checkbox</a></li> </ul> </div> <div> <h2>Input Button 对象</h2> <p>Input Button 对象代表已设置 type="button" 的 HTML <input> 元素。</p> <h3>访问 Input Button 对象</h3> <p>您可以使用 getElementById() 访问 type="button" 的 <input> 元素：</p> <pre class="language-js"> var x = document.getElementById("myBtn"); </pre> <p class="tiy"><a target="_blank" href="/th/tiy/t.html?f=htmldom_button_get">亲自试一试</a></p> <p class="tip"><span>提示：</span>您还可以通过搜索表单的 <a href="/th/jsref/coll_form_elements.html" title="Form elements ชุด">elements 集合</a> 来访问 <input type="button">。</p> <h3>创建 Input Button 对象</h3> <p>您可以使用 document.createElement() 方法创建 type="button" 的 <input> 元素：</p> <pre class="language-js"> var x = document.createElement("INPUT"); x.setAttribute("type", "button"); </pre> <p class="tiy"><a target="_blank" href="/th/tiy/t.html?f=htmldom_button_create">亲自试一试</a></p> </div> <div> <h2>Input Button 对象属性</h2> <table class="dataintable"> <tr> <th style="width:27%;">คุณสมบัติ</th> <th>描述</th> </tr> <tr> <td><a href="/th/jsref/prop_button_autofocus.html" title="Input Button 属性 autofocus">autofocus</a></td> <td>设置或返回页面加载时输入按钮是否应自动获得焦点。</td> </tr> <tr> <td>defaultValue</td> <td>设置或返回输入按钮的默认值。</td> </tr> <tr> <td><a href="/th/jsref/prop_button_disabled.html" title="Input Button 属性 disabled">disabled</a></td> <td>设置或返回是否禁用输入按钮。</td> </tr> <tr> <td><a href="/th/jsref/prop_button_form.html" title="Input Button 属性 form">form</a></td> <td>返回对包含输入按钮的表单的引用。</td> </tr> <tr> <td><a href="/th/jsref/prop_button_name.html" title="Input Button 属性 name">name</a></td> <td>设置或返回输入按钮的 name 属性值。</td> </tr> <tr> <td><a href="/th/jsref/prop_button_type.html" title="Input Button 属性 type">type</a></td> <td>返回输入按钮是哪种类型的表单元素。</td> </tr> <tr> <td><a href="/th/jsref/prop_button_value.html" title="Input Button 属性 value">value</a></td> <td>设置或返回输入按钮的 value 属性的值。</td> </tr> </table> </div> <div> <h2>标准属性和事件</h2> <p>Input Button 对象同时支持标准<a href="/th/jsref/dom_obj_all.html" title="Object HTML DOM Element">คุณสมบัติ</a>และ<a href="/th/jsref/dom_obj_event.html" title="Object HTML DOM Event">เหตุการณ์</a>。</p> </div> <div> <h2>หน้าที่เกี่ยวข้อง</h2> <p>ตัวเรียน HTML：<a href="/th/html/html_forms.html" title="HTML ฟอร์ม">HTML ฟอร์ม</a></p> <p>คู่มืออ้างอิง HTML：<a href="/th/tags/tag_input.html" title="HTML <input> ตามี">HTML <input> ตามี</a></p> <p>คู่มืออ้างอิง HTML：<a href="/th/tags/att_input_type.html" title="HTML <input> 属性 type">HTML <input> 属性 type</a></p> </div> <div class="prenextnav"> <ul> <li> หน้าก่อน <a href="/th/jsref/dom_obj_ins.html" title="HTML DOM Ins วัตถุ"><ins></a></li> <li> หน้าต่อไป <a href="/th/jsref/dom_obj_checkbox.html" title="HTML DOM องค์ประกอบ Input Checkbox"><input> checkbox</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> คู่มือเครื่องมือ </center><h3> <h5 id="tools_reference"><a href="/th/jsref/index.html">คู่มืออ้างอิง JavaScript และ HTML DOM</a></h5> <h5 id="tools_example"><a href="/th/js/js_examples.html">ตัวอย่าง JavaScript</a></h5> <h5 id="tools_quiz"><a href="/th/js/js_quiz.html">ประเมิน JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/th/js/index.html">คู่มือ JavaScript</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="/th/about/index.html" title="เกี่ยวกับ CodeW3C.com">เกี่ยวกับ CodeW3C.com</a> <a href="/th/about/about_helping.html" title="ช่วยเหลือ CodeW3C.com">ช่วยเหลือ CodeW3C.com</a> <a href="/th/about/about_use.html" title="เกี่ยวกับการใช้งาน">ข้อกำหนดการใช้งาน</a> <a href="/th/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> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>