เมื่อคุณตั้งใจจะทำเว็บแบบไม่ใช้ตารางในการจัดวางเลเอ้าท์ หรือที่เรียกกันอย่างเป็นทางการว่า tableless คงหลีกหนีไม่พ้น จะต้องจัดรูปแบบการวางตำแหน่งของคอนโทรลในฟอร์ม สำหรับผมแล้ว มันเป็นอะไรที่ปวดหัวพอสมควรทีเดียว มันเอียงๆ เหลื่อมล้ำกัน  สรุปแล้วมันไม่สวยง่ะ  วันนี้เลยลองหาในเฮียกู  ก็เจอหลายตัวอย่างที่เขาทำไว้ ก็เลยเอามาลงไว้ จะได้เก็บเอาไว้ศึกษา

ลอง ViewSource แล้วศึกษาดูนะครับ ว่าเขาทำกันยังไง ถ้าชอบก็ Copy CSS ของเขามาใช้เลยก็ได้ครับ เขาไม่หวง

 

1.StylePhreak Simple CSS Form

ผมชอบอันนี้นะ เนื่องจากมันเบสิคดี ผมมันเป็นคนชอบท่าเบสิคอยู่แล้วด้วยสิ ):

 

2. Nice Forms

อันนี้จะมีส่วนผสมของ จาวาสคริปต์ด้วย สวยดีครับ

3. The margin form

อันนี้ก็ง่ายๆดี สำหรับคนที่ชอบ หะรูหะรา คงจะไม่ปลื้มเท่าไร

4. Who says CSS forms can’t be pretty?

อันนี้ออกมาในแนว ใครบอกวะ ว่า CSS form มิอาจจะเพริดพริ้ง

 

ยกตัวอย่างมาให้ศึกษากันพอเป็นน้ำจิ้ม รักแบบไหน ชอบแบบไหน ก็ลองศึกษาดูนะครับ

CSS
Avatar

วัชรเมธน์ ชิษณุคุปต์ ศรีเนธิโรทัย

Programmer, Blogger

ชีวิตมันคือการเดินทางเพื่อค้นหาอะไรบางอย่าง และเพื่อค้นพบอะไรบางอย่าง สิ่งที่รู้แล้วจะได้บอกกล่าวให้คนข้างหลังได้ฟัง เพื่อเดินลุยเข้าไปในพงหนามอย่างเตรียมใจไว้แล้วว่าอาจจะต้องเจ็บ