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

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

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

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

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

โพสต์ที่ยังไม่ได้อ่าน โดย dawthana »

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

สร้างไฟล์ new(นิว) > file(ไฟล์)
4-1.png
4-1.png (22.43 KiB) Viewed 3640 times
Blank Page(แบล้งเพจ) > PHP(พีเอชพี) > Create(ครีเอท)
4-2.png
4-2.png (29.8 KiB) Viewed 3640 times
file > save as(เซฟแอส) > Login.php(ล็อคอินดอทพีเอชพี) ตัวอย่างตั้งชื่อไฟล์ Login.php
4-3.png
4-3.png (22.57 KiB) Viewed 3640 times
ในหน้า Design(ดีไซต์) คลิก insert(อินเสริด) > form(ฟอร์ม) > form
4-4.png
4-4.png (39.3 KiB) Viewed 3640 times
insert > table(เทเบิล)
4-5.png
4-5.png (24.4 KiB) Viewed 3640 times
ในภาพจะสร้างตาราง 4 แถว 2 คอลัมน์ ขนาด 500 pixel(พิกเซล)
4-6.png
4-6.png (38.24 KiB) Viewed 3640 times
คลิกที่ตารางให้เส้นสีดำคลุมทั้งตาราง > Align center(อะราย เซอนเตอร์) เพื่อให้ตารางอยู่ตรงกลางหน้าเว็บ
4-7.png
4-7.png (34.97 KiB) Viewed 3640 times
คลิกลากแถวบนทั้ง 2 คอลัมน์เพื่อรวมคอลัมน์เป็นคอลัมน์เดียวกัน คลิกขวา table(เทเบิล) > merge cells(เมิดเซลล์) ทำทั้งแถวบนและแถวล่างสุด
4-8.png
4-8.png (27.25 KiB) Viewed 3640 times
พิมพ์ข้อความที่ต้องการ ในภาพคือ Login(ล็อคอิน) เลือก align center เพื่อให้ข้อความอยู่กลางตาราง
4-9.png
การสร้างกล่องข้อมความ insert > form > text(เทค)
4-10.png
4-10.png (41.99 KiB) Viewed 3640 times
การสร้างกล่องรับรหัสผ่าน
4-11.png
4-11.png (41.37 KiB) Viewed 3640 times
สร้างปุ่ม Login insert > form > button(บอดท่อน) ตั้งชื่อปุ่ม value(เวลู่) > Login
4-14.png
4-14.png (8.32 KiB) Viewed 3640 times
ถ้าต้องการให้ cursor เม้ากะพริบที่ User(ยูสเซอร์) ให้คลิกที่กล่องข้อความ user แล้วไปที่หน้า code เพื่อนำโค้ดไปวางในส่วนที่เป็นสีฟ้า

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

autofocus id="User"
4-13.png
4-13.png (54.35 KiB) Viewed 3640 times
เมื่อ preview in browser(พรีวิวอินเบราว์เซอร์) > chrome(โคม)
4-12.png
4-12.png (50.85 KiB) Viewed 3640 times
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 109