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 » 19/12/2016 2:18 pm

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

สร้างไฟล์ new(นิว) > file(ไฟล์)
4-1.png

Blank Page(แบล้งเพจ) > PHP(พีเอชพี) > Create(ครีเอท)
4-2.png

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

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

insert > table(เทเบิล)
4-5.png

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

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

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

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

การสร้างกล่องข้อมความ insert > form > text(เทค)
4-10.png

การสร้างกล่องรับรหัสผ่าน
4-11.png

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

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

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

autofocus id="User"

4-13.png

เมื่อ preview in browser(พรีวิวอินเบราว์เซอร์) > chrome(โคม)
4-14.png
คุณไม่มีสิทธิ์ดูไฟล์ที่แนบมาในกระทู้

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

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

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