Cách thêm rows và cols vào textarea của Contact Form 7

Contact Form 7 vẫn tiếp tục là một trong những plugin tạo form phổ biến nhất trên WordPress dành cho các nhà phát triển.

Khi sử dụng plugin này, một nhu cầu thường gặp là tùy chỉnh các thuộc tính rows (số hàng) và cols (số cột) của trường textarea trong form Contact Form 7.

Để thêm các thuộc tính rows và cols vào textarea, bạn cần thêm cú pháp sau vào shortcode textarea:

1. Chỉ định số hàng (rows)

[textarea id:your-message x3 "Message"]

[textarea id:your-message x3 "Message"]

Kết quả: Tạo ra <textarea name="message" rows="3". Cú pháp x3 sẽ thiết lập số hàng là 3.

2. Chỉ định số cột (cols)

[textarea id:your-message 8x "Message"]

[textarea id:your-message 8x "Message"]

Kết quả: Tạo ra <textarea name="message" cols="8", Cú pháp 8x sẽ thiết lập số cột là 8.

3. Chỉ định cả số cột và số hàng

[textarea id:your-message 14x2 "Message"]

[textarea id:your-message 14x2 "Message"]

Kết quả: Tạo ra <textarea name="message" cols="14" rows="2". Cú pháp 14x2 sẽ thiết lập số cột là 14 và số hàng là 2.

Quy tắc cú pháp:

• xN: Chỉ định số hàng (rows = N)
• Nx: Chỉ định số cột (cols = N)
• NxM: Chỉ định cả số cột (cols = N) và số hàng (rows = M)

Nội dung có tham khảo từ Vũ trụ số

Nếu bạn gặp khó khăn trong chỉnh sửa hoặc muốn phát triển tính năng riêng cho website thì có thể tham khảo dịch vụ bảo trì - phát triển tính năng website wordpress tại TNDigi nhé!

Mình tự học - tìm hiểu - nghiên cứu và làm việc với WordPress được khoảng thời gian nhất định nên lên serial chia sẻ những gì mà mình từng gặp qua. Sẽ có nhiều thiếu sót nên nếu như có chổ nào chưa đúng hay chưa hoạt động được bạn contact với mình để hoàn thiện hơn.

Ghi chú quan trọng:
Cách tuỳ biến không cần can thiệp vào CODE mà sử dụng hook (nếu chưa có trong hướng dẫn) sẽ được mình sớm cập nhật!

Kênh Zalo hỗ trợ miễn phí. Chúc bạn áp dụng thành công!