การสร้างเว็บไซต์ด้วย Dreamweaver(4) : การสั่งให้ cursor ไปที่กล่องข้อความอัตโนมัติหลังจากเปิดหน้าเว็บขึ้นมา

สำหรับผู้ที่ เริ่มต้น Programming - PHP มีอะไร แนะนำ หรือข้อสงสัยต้องบอร์ด นี้ คนที่มีความรู้ แบ่งปันคนอื่นบ้างนะ ปัญหาการเขียนโปรแกรม แบบ OOP Session Cookies php network

Moderator: mindphp, ผู้ดูแลกระดาน

dawthana
PHP Super Member
PHP Super Member
โพสต์: 432
ลงทะเบียนเมื่อ: 07/12/2016 10:55 am

การสร้างเว็บไซต์ด้วย Dreamweaver(4) : การสั่งให้ cursor ไปที่กล่องข้อความอัตโนมัติหลังจากเปิดหน้าเว็บขึ้นมา

โพสต์โดย dawthana » 19/12/2016 2:18 pm

การสั่งให้ cursor(เคอร์เซอร์) ไปที่กล่องข้อความอัตโนมัติหลังจากเปิดหน้าเว็บขึ้นมา
ช่วยให้ทำงานได้เร็วขึ้น โดยการที่ เคอร์เซอร์จะไปกระพริบเตรียมพร้อมในการรับค่าที่จะกรอกลงในกล่องข้อความที่เลือกไว้ หรือการเปิดหน้าเว็บมาแล้วสามารถพิมพ์ข้อมูลได้ทันทีโดยไม่ต้องเลื่อนเม้าส์ไปคลิกที่กล่องข้อความนั้นๆ ดูการสร้าง site (ไซต์)

สร้างไฟล์ new(นิว) > file(ไฟล์)
4-1.png
4-1.png (22.43 KiB) เปิดดู 48 ครั้ง

Blank Page(แบล้งเพจ) > PHP(พีเอชพี) > Create(ครีเอท)
4-2.png
4-2.png (29.8 KiB) เปิดดู 48 ครั้ง

file > save as(เซฟแอส) > Login.php(ล็อคอินดอทพีเอชพี) ตัวอย่างตั้งชื่อไฟล์ Login.php
4-3.png
4-3.png (22.57 KiB) เปิดดู 48 ครั้ง

ในหน้า Design(ดีไซต์) คลิก insert(อินเสริด) > form(ฟอร์ม) > form
4-4.png
4-4.png (39.3 KiB) เปิดดู 48 ครั้ง

insert > table(เทเบิล)
4-5.png
4-5.png (24.4 KiB) เปิดดู 48 ครั้ง

ในภาพจะสร้างตาราง 4 แถว 2 คอลัมน์ ขนาด 500 pixel(พิกเซล)
4-6.png
4-6.png (38.24 KiB) เปิดดู 48 ครั้ง

คลิกที่ตารางให้เส้นสีดำคลุมทั้งตาราง > Align center(อะราย เซอนเตอร์) เพื่อให้ตารางอยู่ตรงกลางหน้าเว็บ
4-7.png
4-7.png (34.97 KiB) เปิดดู 48 ครั้ง

คลิกลากแถวบนทั้ง 2 คอลัมน์เพื่อรวมคอลัมน์เป็นคอลัมน์เดียวกัน คลิกขวา table(เทเบิล) > merge cells(เมิดเซลล์) ทำทั้งแถวบนและแถวล่างสุด
4-8.png
4-8.png (27.25 KiB) เปิดดู 48 ครั้ง

พิมพ์ข้อความที่ต้องการ ในภาพคือ Login(ล็อคอิน) เลือก align center เพื่อให้ข้อความอยู่กลางตาราง
4-9.png

การสร้างกล่องข้อมความ insert > form > text(เทค)
4-10.png
4-10.png (41.99 KiB) เปิดดู 48 ครั้ง

การสร้างกล่องรับรหัสผ่าน
4-11.png
4-11.png (41.37 KiB) เปิดดู 48 ครั้ง

สร้างปุ่ม Login insert > form > button(บอดท่อน) ตั้งชื่อปุ่ม value(เวลู่) > Login
4-14.png
4-14.png (8.32 KiB) เปิดดู 48 ครั้ง

ถ้าต้องการให้ cursor เม้ากะพริบที่ User(ยูสเซอร์) ให้คลิกที่กล่องข้อความ user แล้วไปที่หน้า code เพื่อนำโค้ดไปวางในส่วนที่เป็นสีฟ้า

โค้ด: เลือกทั้งหมด

autofocus id="User"

4-13.png
4-13.png (54.35 KiB) เปิดดู 48 ครั้ง

เมื่อ preview in browser(พรีวิวอินเบราว์เซอร์) > chrome(โคม)
4-12.png
4-12.png (50.85 KiB) เปิดดู 48 ครั้ง

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 30 และ บุคคลทั่วไป 0 ท่าน