ฟอร์ม Login การสั่งให้ cursor(เคอร์เซอร์) ไปที่กล่องข้อความอัตโนมัติหลังจากเปิดหน้าเว็บขึ้นมา
ช่วยให้ทำงานได้เร็วขึ้น โดยการที่ เคอร์เซอร์จะไปกระพริบเตรียมพร้อมในการรับค่าที่จะกรอกลงในกล่องข้อความที่เลือกไว้ หรือการเปิดหน้าเว็บมาแล้วสามารถพิมพ์ข้อมูลได้ทันทีโดยไม่ต้องเลื่อนเม้าส์ไปคลิกที่กล่องข้อความนั้นๆ ดูการสร้าง
site (ไซต์)
สร้างไฟล์ new(นิว) > file(ไฟล์)
- 4-1.png (22.43 KiB) Viewed 3653 times
Blank Page(แบล้งเพจ) >
PHP(พีเอชพี) > Create(ครีเอท)
- 4-2.png (29.8 KiB) Viewed 3653 times
file > save as(เซฟแอส) > Login.php(ล็อคอินดอทพีเอชพี) ตัวอย่างตั้งชื่อไฟล์ Login.php
- 4-3.png (22.57 KiB) Viewed 3653 times
ในหน้า Design(ดีไซต์) คลิก insert(อินเสริด) > form(ฟอร์ม) > form
- 4-4.png (39.3 KiB) Viewed 3653 times
insert > table(เทเบิล)
- 4-5.png (24.4 KiB) Viewed 3653 times
ในภาพจะสร้างตาราง 4 แถว 2 คอลัมน์ ขนาด 500 pixel(พิกเซล)
- 4-6.png (38.24 KiB) Viewed 3653 times
คลิกที่ตารางให้เส้นสีดำคลุมทั้งตาราง > Align center(อะราย เซอนเตอร์) เพื่อให้ตารางอยู่ตรงกลางหน้าเว็บ
- 4-7.png (34.97 KiB) Viewed 3653 times
คลิกลากแถวบนทั้ง 2 คอลัมน์เพื่อรวมคอลัมน์เป็นคอลัมน์เดียวกัน คลิกขวา table(เทเบิล) > merge cells(เมิดเซลล์) ทำทั้งแถวบนและแถวล่างสุด
- 4-8.png (27.25 KiB) Viewed 3653 times
พิมพ์ข้อความที่ต้องการ ในภาพคือ
Login(ล็อคอิน) เลือก align center เพื่อให้ข้อความอยู่กลางตาราง
การสร้างกล่องข้อมความ insert > form > text(เทค)
- 4-10.png (41.99 KiB) Viewed 3653 times
การสร้างกล่องรับรหัสผ่าน
- 4-11.png (41.37 KiB) Viewed 3653 times
สร้างปุ่ม Login insert > form > button(บอดท่อน) ตั้งชื่อปุ่ม value(เวลู่) > Login
- 4-12.png (50.85 KiB) Viewed 3653 times
ถ้าต้องการให้ cursor เม้ากะพริบที่ User(ยูสเซอร์) ให้คลิกที่กล่องข้อความ user แล้วไปที่หน้า code เพื่อนำโค้ดไปวางในส่วนที่เป็นสีฟ้า
- 4-13.png (54.35 KiB) Viewed 3653 times
เมื่อ preview in browser(พรีวิวอินเบราว์เซอร์) > chrome(โคม)
- 4-14.png (8.32 KiB) Viewed 3653 times
[b]ฟอร์ม Login การสั่งให้ cursor(เคอร์เซอร์) ไปที่กล่องข้อความอัตโนมัติหลังจากเปิดหน้าเว็บขึ้นมา[/b]
ช่วยให้ทำงานได้เร็วขึ้น โดยการที่ เคอร์เซอร์จะไปกระพริบเตรียมพร้อมในการรับค่าที่จะกรอกลงในกล่องข้อความที่เลือกไว้ หรือการเปิดหน้าเว็บมาแล้วสามารถพิมพ์ข้อมูลได้ทันทีโดยไม่ต้องเลื่อนเม้าส์ไปคลิกที่กล่องข้อความนั้นๆ ดูการสร้าง [url=https://www.mindphp.com/forums/viewtopic.php?f=72&t=36857]site (ไซต์)[/url]
สร้างไฟล์ new(นิว) > file(ไฟล์)
[attachment=1]4-1.png[/attachment]
Blank Page(แบล้งเพจ) > [url=https://www.google.co.th/?gws_rd=ssl#q=site+:+mindphp.com+PHP(%E0%B8%9E%E0%B8%B5%E0%B9%80%E0%B8%AD%E0%B8%8A%E0%B8%9E%E0%B8%B5)]PHP(พีเอชพี)[/url] > Create(ครีเอท)
[attachment=2]4-2.png[/attachment]
file > save as(เซฟแอส) > Login.php(ล็อคอินดอทพีเอชพี) ตัวอย่างตั้งชื่อไฟล์ Login.php
[attachment=3]4-3.png[/attachment]
ในหน้า Design(ดีไซต์) คลิก insert(อินเสริด) > form(ฟอร์ม) > form
[attachment=4]4-4.png[/attachment]
insert > table(เทเบิล)
[attachment=5]4-5.png[/attachment]
ในภาพจะสร้างตาราง 4 แถว 2 คอลัมน์ ขนาด 500 pixel(พิกเซล)
[attachment=7]4-6.png[/attachment]
คลิกที่ตารางให้เส้นสีดำคลุมทั้งตาราง > Align center(อะราย เซอนเตอร์) เพื่อให้ตารางอยู่ตรงกลางหน้าเว็บ
[attachment=6]4-7.png[/attachment]
คลิกลากแถวบนทั้ง 2 คอลัมน์เพื่อรวมคอลัมน์เป็นคอลัมน์เดียวกัน คลิกขวา table(เทเบิล) > merge cells(เมิดเซลล์) ทำทั้งแถวบนและแถวล่างสุด
[attachment=8]4-8.png[/attachment]
พิมพ์ข้อความที่ต้องการ ในภาพคือ [url=https://www.mindphp.com/developer/dreamweaver/3070-log-in.html]Login(ล็อคอิน)[/url] เลือก align center เพื่อให้ข้อความอยู่กลางตาราง
[attachment=0]4-9.png[/attachment]
การสร้างกล่องข้อมความ insert > form > text(เทค)
[attachment=10]4-10.png[/attachment]
การสร้างกล่องรับรหัสผ่าน
[attachment=9]4-11.png[/attachment]
สร้างปุ่ม Login insert > form > button(บอดท่อน) ตั้งชื่อปุ่ม value(เวลู่) > Login
[attachment=13]4-12.png[/attachment]
ถ้าต้องการให้ cursor เม้ากะพริบที่ User(ยูสเซอร์) ให้คลิกที่กล่องข้อความ user แล้วไปที่หน้า code เพื่อนำโค้ดไปวางในส่วนที่เป็นสีฟ้า
[code]autofocus id="User"[/code]
[attachment=11]4-13.png[/attachment]
เมื่อ preview in browser(พรีวิวอินเบราว์เซอร์) > chrome(โคม)
[attachment=12]4-14.png[/attachment]