เคล็ดลับ 5 ข้อสำหรับการจัดวางแบบฟอร์ม div css สามารถช่วยให้คุณควบคุมแบบฟอร์มได้อย่างยืดหยุ่นมากขึ้น และทำให้หน้าน่าพึงพอใจมากขึ้น
1. การเลือกมือถือสำหรับการป้อนข้อความในแบบฟอร์ม:
ในช่องป้อนข้อความ หากมีการเพิ่มข้อความแจ้ง ผู้เยี่ยมชมมักจะต้องใช้เมาส์เพื่อเลือกและลบ จากนั้นจึงป้อนข้อมูลที่เป็นประโยชน์ ที่จริงแล้ว ตราบใดที่คุณเพิ่มโค้ด onMouseOver="this.focus()" onFocus="this.select()" ลงใน <textarea> ทุกอย่างจะง่ายขึ้นมาก เช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com ]< textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">ป้อนภาษาอังกฤษ..</textarea>
ในทำนองเดียวกัน คุณสามารถเพิ่มโค้ดลงใน <input> ได้
2. คลิกเพื่อลบหน่วยอินพุตแบบฟอร์ม:
คอลัมน์นี้มีฟังก์ชันเหมือนกับด้านบน แต่มีการเปลี่ยนแปลงเล็กน้อยในการใช้เมาส์ คุณต้องคลิกแทนที่จะใช้เมาส์คลุมไว้เหมือนด้านบน ตัวอย่างเช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com]<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">
หลังจากคลิกหน่วยอินพุตแล้วข้อความแจ้งจะถูกลบออก สะดวกไหม?
3. การตั้งค่าเส้นขอบของหน่วยอินพุตแบบฟอร์ม:
การเปลี่ยนเส้นขอบหน่วยแบบฟอร์มแบบดั้งเดิมจะทำให้หน้าแรกของคุณมีสีสันมากขึ้น ตัวอย่างเช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com]<input type=radio name=action value=subscribe signed style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER - TOP: เส้นประ 1px;สีพื้นหลัง: #FEF5C8">
ในหมู่พวกเขา "style=***" คือการตั้งค่าสีด้านซ้าย ขวา บน ล่าง และพื้นหลัง ซึ่งใช้ได้กับหน่วยอื่น ๆ โปรดลองด้วยตัวเอง
4. การตั้งค่าข้อความของหน่วยอินพุตแบบฟอร์ม:
สามารถแก้ไขได้ แบบอักษรของหน่วยในแบบฟอร์ม เช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com]<input type=text name="address" size=19 value=" กรอกอีเมล..." style=font-family:"verdana";font-size:10px >
ในหมู่พวกเขา "style=***" คือการตั้งค่าแบบอักษรและขนาดแบบอักษร
5. แก้ไขคุณสมบัติของแบบฟอร์มเป็นหน้าต่างป๊อปอัป:
หลังจากเปิดใช้งานแบบฟอร์มส่วนใหญ่แล้ว แบบฟอร์มเหล่านั้นจะเปิดขึ้นในหน้าปัจจุบัน ซึ่งส่งผลต่อการเรียกดูตามปกติ จะดีกว่าถ้าแก้ไข เช่น:
ตัวอย่างซอร์สโค้ด [www.devdao.com]<form method=POST action=url target=_blank>
ในหมู่พวกเขา "target=_blank" ควบคุมการเปิดหน้าต่างป๊อปอัป