Làm cách nào để thêm giữ chỗ cho liên hệ form7 cho danh sách thả xuống? [đóng cửa]


16

Tôi đã thử thêm trình giữ chỗ tương tự như được cung cấp cho ContactNumber cho Cửa hàng thả xuống của tôi nhưng nó không xuất hiện.

Mã-

<div class="form-group form-icon-group">
    <i class="fa fa-phone" > </i> [tel* ContactNumber /8 class:form-control placeholder "Contact Number *"]
</div>
<div class="form-group form-icon-group">
<i class="fa fa-food" > </i> [select Outlet id:outlet class:form-control "-- Select Outlet--" "Pasir Ris" "Thomson"]
</div>

Đã thử thêm first_as_label "Preferred outlet?"để điều này hiển thị như các giá trị thả xuống thông thường.

Phần còn lại của tất cả các trường có hiển thị trình giữ chỗ, có cách nào khác để cung cấp cho trình giữ chỗ không?


1
Bạn có thể sử dụng tùy chọn giữ chỗ trong các loại thẻ biểu mẫu sau: văn bản, email, url, tel, textarea, số, phạm vi, ngày và captchar. giữ chỗ cf7
Reigel

Vì vậy, để thả xuống chúng ta không có sự lựa chọn nào khác?
Sanjuktha sandesh

Câu trả lời:


2

để trả lời câu hỏi: điều này là không thể

AFAIK, (HTMLwise) không có cách nào để thêm một trình giữ chỗ để chọn thẻ.

Tuy nhiên, rất nhiều nhà phát triển tôi biết có xu hướng sử dụng disabled selectedkết hợp cho tùy chọn ...

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="ydasdas">ydasdas</option>
    <option value="dasda">dasda</option>
    <option value="ydagfdsdas">ydagfdsdas</option>
    <option value="ewefsdf">ewefsdf</option>
</select>

bản giới thiệu

Tôi đã kiểm tra mã nguồn của CF7 (phiên bản 4.3.1) và không có cách nào dễ dàng để chúng tôi có thể đạt được định dạng html này.

Bạn có thể đi một cách khó khăn bằng cách loại bỏ wpcf7_add_shortcode_selecthành động trên wpcf7_initvà thêm của bạn thay vào đó.


2
Câu trả lời này thực sự nên được loại bỏ, chấp nhận hoặc không phải là không chính xác và nó không giống như đó là một câu trả lời rất cũ, nó được cung cấp vào cùng ngày với câu trả lời đúng.
Rick Calder

78

Trái với những gì các câu trả lời được chấp nhận cho thấy, nó thực sự có thể và xây dựng vào Contact Form 7. Đây là thực tế danh sách các tùy chọn [select]nắm giữ . Khá nhiều bạn sẽ xác định tùy chọn đầu tiên là trình giữ chỗ bằng cách sử dụng first_as_label:

[select* Test first_as_label "Placeholder" "Option 1" "Option 2"]

Mặc dù theo truyền thống, nó sẽ trông giống như một trình giữ chỗ, nếu cần, người dùng sẽ không thể chọn trình giữ chỗ và gửi biểu mẫu - điều này buộc người dùng phải chọn bất kỳ tùy chọn nào khác.


Cảm ơn sự giúp đỡ. Tôi đã thử first_as_labelnhưng như bạn đã nói, nó không giống với các giá trị giữ chỗ khác.
Sanjuktha sandesh

4
Đây là một giải pháp tốt. Và nó hoạt động đúng - biểu mẫu không gửi nếu bạn thử sử dụng tùy chọn đầu tiên. Để định dạng tùy chọn đầu tiên, chỉ cần nhắm mục tiêu vào hộp chọn (nghĩa là sau .wpcf7 select[name="menu-70"] { color:#aaa; }đó bạn có thể làm cho các tùy chọn tối hơn bằng cách nhắm mục tiêu các tùy chọn (nghĩa là .wpcf7 select[name="menu-70"] option { color:#333; }tùy chọn đầu tiên được lấy nét, vì vậy trừ khi bạn muốn thay đổi phần này, giải pháp hoạt động rất tốt.
Rob Myrick

Tôi không hoàn toàn chắc chắn lý do tại sao bất cứ ai cũng muốn một tùy chọn được chọn trông giống như một trình giữ chỗ trừ khi tôi thiếu một cái gì đó đơn giản - Chọn một tùy chọn-- là điều mà hầu hết mọi người mong đợi nhìn thấy. Cảm ơn bạn rất nhiều vì đã cứu tôi khỏi xem qua các tài liệu chính mình!
Rick Calder
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.