เคล็ดลับ 5 ข้อสำหรับการจัดวางแบบฟอร์ม div css สามารถช่วยให้คุณควบคุมแบบฟอร์มได้อย่างยืดหยุ่นมากขึ้น และทำให้หน้าน่าพึงพอใจมากขึ้น
1. การเลือกมือถือสำหรับการป้อนข้อความในแบบฟอร์ม:
ในช่องป้อนข้อความ หากมีการเพิ่มข้อความแจ้ง ผู้เยี่ยมชมมักจะต้องใช้เมาส์เพื่อเลือกและลบ จากนั้นจึงป้อนข้อมูลที่เป็นประโยชน์ ที่จริงแล้ว ตราบใดที่คุณเพิ่มโค้ด onMouseOver="this.focus()" onFocus="this.select()" ลงใน
ในทำนองเดียวกัน คุณสามารถเพิ่มโค้ดลงใน ได้
2. คลิกเพื่อลบหน่วยอินพุตแบบฟอร์ม:
คอลัมน์นี้มีฟังก์ชันเหมือนกับด้านบน แต่มีการเปลี่ยนแปลงเล็กน้อยในการใช้เมาส์ คุณต้องคลิกแทนที่จะใช้เมาส์คลุมไว้เหมือนด้านบน ตัวอย่างเช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com]
หลังจากคลิกหน่วยอินพุตแล้วข้อความแจ้งจะถูกลบออก สะดวกไหม?
3. การตั้งค่าเส้นขอบของหน่วยอินพุตแบบฟอร์ม:
การเปลี่ยนเส้นขอบหน่วยแบบฟอร์มแบบดั้งเดิมจะทำให้หน้าแรกของคุณมีสีสันมากขึ้น ตัวอย่างเช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com]
ในหมู่พวกเขา "style=***" คือการตั้งค่าสีด้านซ้าย ขวา บน ล่าง และพื้นหลัง ซึ่งใช้ได้กับหน่วยอื่น ๆ โปรดลองด้วยตัวเอง
4. การตั้งค่าข้อความของหน่วยอินพุตแบบฟอร์ม:
สามารถแก้ไขได้ แบบอักษรของหน่วยในแบบฟอร์ม เช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com]
ในหมู่พวกเขา "style=***" คือการตั้งค่าแบบอักษรและขนาดแบบอักษร
5. แก้ไขคุณสมบัติของแบบฟอร์มเป็นหน้าต่างป๊อปอัป:
หลังจากเปิดใช้งานแบบฟอร์มส่วนใหญ่แล้ว แบบฟอร์มเหล่านั้นจะเปิดขึ้นในหน้าปัจจุบัน ซึ่งส่งผลต่อการเรียกดูตามปกติ จะดีกว่าถ้าแก้ไข เช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com]