ความคิดเห็น: HTML5 นำสิ่งมหัศจรรย์มากมายให้เรา งานที่ต้องเสร็จสิ้นก่อนหน้านี้ด้วย JavaScript และ Flash เช่นการตรวจสอบแบบฟอร์มตัวยึดอินพุตตัวยึดไคลเอนต์ดาวน์โหลดไฟล์ดาวน์โหลดและเสียง/วิดีโอซึ่งทั้งหมดนี้สามารถทำได้โดยใช้ HTML พื้นฐาน
ฟังก์ชั่น HTML5 อย่างง่ายที่จะกล่าวถึงที่นี่คือการวางโฟกัสอินพุตโดยอัตโนมัติเมื่อโหลดหน้าหนึ่งเมื่อโหลดหน้า การดำเนินการนี้เสร็จสมบูรณ์โดยคุณสมบัติ Autofocus
รหัส HTML นั้นง่ายมาก:
<!- ทั้งหมดนี้ทำงานได้! -
<อินพุต autofocus = "autofocus" />>
<ปุ่ม autofocus = "autofocus"> สวัสดี! </ button>
<textarea autofocus = "autofocus"> </ceplarea>
เมื่อแอตทริบิวต์ออโต้โฟกัสพร้อมใช้งานสามารถเลือกองค์ประกอบอินพุต textarea หรือปุ่มเหล่านี้ได้ในการโหลดหน้าเว็บ อย่างไรก็ตามหากคุณใช้องค์ประกอบการแสดงผลบริสุทธิ์เช่นแท็ก H1 แอตทริบิวต์ AutoFocus นั้นไม่ง่ายต่อการใช้งาน
คุณสมบัตินี้มีประโยชน์มากในบางกรณี ตัวอย่างเช่นหน้าแรกของ Google ใช้เพื่อค้นหา 99% ของเวลาดังนั้นเมื่อโหลดหน้าเว็บเคอร์เซอร์จะต้องอยู่ในกล่องอินพุต ในอดีตฉันต้องใช้ JavaScript เพื่อทำให้เสร็จ แต่ตอนนี้ฉันไม่ต้องการเลยและฉันสามารถทำมันให้เสร็จได้ด้วย HTML ด้วยตัวเอง