HTML DOM องค์ประกอบ URL

สามัญญาณ Input URL

สามัญญาณ Input URL นั้นเป็นสามัญญาณใหม่ใน HTML5

สามัญญาณ Input URL นั้นเป็นสามัญญาณ HTML <input type="url">

หมายเหตุ:Internet Explorer 9 (และรุ่นเก่ากว่า) หรือ Safari ไม่สนับสนุนสามัญญาณ <input type="search">

เข้าถึงสามัญญาณ Input URL

คุณสามารถเข้าถึงสามัญญาณ Input URL โดยใช้วิธี getElementById() ได้:

var x = document.getElementById("myUrl");

ทดลองด้วยตัวเอง

สร้างสามัญญาณ Input URL

คุณสามารถสร้างสามัญญาณ Input URL โดยใช้วิธี document.createElement() ได้:

var x = document.createElement("INPUT");
x.setAttribute("type", "url");

ทดลองด้วยตัวเอง

ตัวแปรคุณสมบัติ URL ของ Input

คุณสมบัติ คำอธิบาย
autocomplete ตั้งค่าหรือกู้ค่าค่าตัวแปร autocomplete ของฟิลด์ Search
autofocus ตั้งค่าหรือกู้ค่าว่า Search ฟิลด์ควรได้รับความสนใจอัตโนมัติหลังจากการโหลดเว็บไซต์
defaultValue ตั้งค่าหรือคืนค่าค่าตั้งค่าของฟิลด์ Search
disabled ตั้งค่าหรือคืนค่าว่าฟิลด์ Search คือฟิลด์ที่บล็อก
form คืนค่าอ้างอิงของฟอร์มที่มีฟิลด์ Search
list คืนค่าอ้างอิงของ datalist ที่มีฟิลด์ Search
maxLength ตั้งค่าหรือคืนค่าค่าตั้งค่าของฟิลด์ search ใน maxLength
multiple ตั้งค่าหรือคืนค่าว่าควรอนุญาตให้ผู้ใช้กรอก URL หลายที่ในฟิลด์ URL
name ตั้งค่าหรือคืนค่าค่าตั้งค่าของฟิลด์ Search ใน name
pattern ตั้งค่าหรือคืนค่าค่าตั้งค่าของฟิลด์ Search ใน pattern
placeholder ตั้งค่าหรือคืนค่าค่าตั้งค่าของฟิลด์ Search ใน placeholder
readOnly ตั้งค่าหรือคืนค่าว่าฟิลด์ Search คือฟิลด์ที่เป็นร่างกาย
required ตั้งค่าหรือคืนค่าว่าจำเป็นต้องกรอกฟิลด์ Search ก่อนที่จะส่งฟอร์ม
size ตั้งค่าหรือคืนค่าค่าตั้งค่าของฟิลด์ Search ใน size
step ตั้งค่าหรือคืนค่าค่าตั้งค่าของฟิลด์ Search ใน step
type คืนค่าประเภทฟอร์มหรือประเภทฟิลด์ของฟิลด์ Search
value ตั้งค่าหรือคืนค่าค่าตั้งค่าของฟิลด์ Search ใน value

วิธี Input URL Object

วิธี คำอธิบาย
blur() ลบความเป็นจุดฟอกจากฟิลด์ URL
focus() มอบความเป็นจุดฟอกให้ฟิลด์ URL
select() เลือกเนื้อหาของฟิลด์ข้อความ URL

มาตรฐานและเหตุการณ์

Input URL Object สนับสนุนมาตรฐานคุณสมบัติและเหตุการณ์。

หน้าที่เกี่ยวข้อง

คู่มือ HTML：ฟอร์ม HTML

คู่มืออ้างอิง HTML：แบบค่ายประกาศ HTML <input>

คู่มืออ้างอิง HTML：แบบค่ายประกาศ HTML <input> type