ควรใช้กล่องอินพุตข้อความในหนังสือข้อความทั่วไปฟอรัม ฯลฯ นั่นคือ textarea และ textare ในภาษา HTML มีพารามิเตอร์มากมาย หากคุณเรียนรู้ที่จะใช้พารามิเตอร์เหล่านี้คุณสามารถปรับเปลี่ยนขนาดและลักษณะที่ปรากฏของกล่องอินพุตข้อความเพื่อให้ได้เอฟเฟกต์ที่คุณต้องการ นี่คือพารามิเตอร์และวิธีการใช้พารามิเตอร์เหล่านี้
1. Cols คอลัมน์แนวตั้ง หากไม่มีการตั้งค่าสไตล์ชีทจะแสดงจำนวนไบต์ที่สามารถรองรับได้ในแถว ตัวอย่างเช่น Cols = 60 หมายความว่าเส้นสามารถรองรับได้มากถึง 60 ไบต์นั่นคือตัวละครจีน 30 ตัว นอกจากนี้ยังเป็นสิ่งสำคัญที่จะต้องทราบว่าความกว้างของกล่องข้อความถูกปรับผ่านสิ่งนี้ให้ป้อนค่า Cols จากนั้นกำหนดขนาดของตัวอักษรข้อความอินพุต (หากไม่ได้กำหนดค่าเริ่มต้นจะถูกใช้) จากนั้นความกว้างของกล่องข้อความจะถูกกำหนด
2. แถวคอลัมน์แนวนอน ระบุจำนวนแถวที่สามารถแสดงได้เช่นแถว = 10 ซึ่งหมายความว่าสามารถแสดง 10 แถวได้ หากคุณมีมากกว่า 10 บรรทัดคุณต้องลากแถบเลื่อนเพื่อเรียกดู (เช่นเดียวกับด้านบนความสูงของกล่องข้อความจะถูกควบคุมผ่านสิ่งนี้)
3. ชื่อชื่อของกล่องข้อความรายการนี้ขาดไม่ได้เพราะต้องใช้เมื่อจัดเก็บข้อความ
4. วิปริต เมื่อ WARP = OFF หมายความว่าไม่มีการห่ออัตโนมัติในพื้นที่ข้อความแน่นอนถ้าคุณไม่ได้เขียนมันจะเป็นการห่ออัตโนมัติตามค่าเริ่มต้น โดยทั่วไปพารามิเตอร์นี้ใช้น้อยกว่า
5. สไตล์นี่คือพารามิเตอร์ที่ใช้งานได้จริงซึ่งสามารถใช้ในการตั้งค่าสีพื้นหลังของกล่องข้อความสีและรูปแบบแถบเลื่อนสีขอบเส้นขอบขนาดตัวอักษรและสี ฯลฯ
6. คลาสโดยทั่วไปใช้ในการตั้งค่าการตั้งค่าใน CSS ภายนอก
ตัวอย่างที่ 1: ตั้งค่าจำนวนแถวในกล่องข้อความเป็น 40 และจำนวนคอลัมน์เป็น 10 ชื่อคือข้อความ แบบฟอร์มนิพจน์ <textarea cols = 40 rows = 10 name = text> </textarea>
ตัวอย่างที่ 2: ยกเลิกแถบเลื่อนทางด้านขวาของกล่องข้อความ แบบฟอร์มนิพจน์ <textarea cols = 40 rows = 10 name = style style = overflow: auto> </textarea> style = overflow: อัตโนมัติหมายความว่าแถบเลื่อนจะแสดงโดยอัตโนมัติเมื่อข้อความอินพุตเกินจำนวนที่ตั้งไว้
ตัวอย่างที่ 3: ตั้งค่าสีพื้นหลังของกล่องข้อความ <textarea cols = 40 rows = 10 name = text style = พื้นหลังสี: BFCEDC> </textarea>
ตัวอย่างที่ 4: นอกจากนี้ให้ตั้งค่าสีแถบเลื่อน, สีขอบ, ขนาดตัวอักษร, สี, ระยะห่างของเส้น ฯลฯ ของกล่องข้อความซึ่งสามารถตั้งค่าได้โดยตรง อย่างไรก็ตามสิ่งเหล่านี้มักจะใช้ในการตั้งค่าใน CSS เพียงแค่เรียกพวกเขาโดยตรง ด้านล่างนี้เป็นรหัสการตั้งค่า CSS: ควรเข้าใจได้ง่ายขึ้น กล่องข้อความถูกตั้งค่าตามลำดับที่มีสีพื้นหลังของกล่องข้อความสีและความหนาของสีด้านบน, ล่าง, ซ้ายและความหนาและความหนารวมถึงขนาดของตัวอักษรอินพุต
| <style> .TextBox {พื้นหลัง: #BFCEDC; ชายแดนด้านบน: #7F9DB9 1PX SOLID; ชายแดนซ้าย: #7F9DB9 1px Solid; ชายแดนขวา: #7F9DB9 1PX SOLID; ขอบด้านล่าง: #7F9DB9 1PX SOLID; Font-Family: Songti, Verdana, Arial, Helvetica; ขนาดตัวอักษร: 12px; Text-Align: Lift;} </style> |
แทรกรหัสด้านบนระหว่าง <head> และ </head> ของหน้า วิธีการโทร: <textarea cols = 40 rows = 10 name = text class = textbox> </textarea> ชื่อใน class = สอดคล้องกับชื่อของการตั้งค่าที่จะใช้ใน CSS เมื่อคุณคุ้นเคยกับพารามิเตอร์เหล่านี้มันจะสะดวกมากในการแก้ไขและทำให้กล่องป้อนข้อความสวยงาม