Drupal 7 - Ghi đè lên biểu mẫu HTML cơ bản ghi đè

Question

Tôi thực sự đang gặp khó khăn để có được đầu của mình xung quanh API biểu mẫu Drupal ... thực sự là Drupal nói chung. Đây là vấn đề của tôi, tôi đã tạo một biểu mẫu có kết xuất tốt, tuy nhiên điều tôi muốn làm bây giờ là các trình bao bọc xung quanh các phần tử biểu mẫu nhất định, vì vậy tôi tạo kiểu cho biểu mẫu theo cách phù hợp với trang web và không phải một số tiêu chuẩn hộp crap.

Có thể ai đó vui lòng giúp hoặc ít nhất là đi đúng hướng của hướng dẫn "tốt" chứ không phải một số điều vô nghĩa ngắn và mơ hồ được dán trên toàn bộ web?

cảm ơn.

Answer 1

hook_form_alter là bạn của bạn ở đây.

Trong file template.php của chủ đề của bạn, bạn có thể thêm tiền tố và hậu tố với các hình thức, các yếu tố hình thức, vv

Dưới đây là một ví dụ từ một trang web tôi đã làm thời gian gần đây.

function bhha_form_alter(&$form, &$form_state, $form_id) { 
    if ($form_id == 'user_login') {  
    $form['#prefix'] = '<div class="loginForm">'; 
    $form['#suffix'] = '</div>'; 
    $form['name']['#title'] = Null; // Change text on form 
    $form['name']['#description'] = Null; // Change text on form 
    $form['name']['#attributes'] = array('placeholder' => t('username')); 
    $form['name']['#size'] = '30'; 
    $form['pass']['#title'] = Null; 
    $form['pass']['#description'] = Null; // Change text on form 
    $form['pass']['#attributes'] = array('placeholder' => t('password')); 
    $form['pass']['#size'] = '30'; 
    //$form['actions']['submit']['#value'] = t('password'); 
    $form['actions']['submit'] = array('#type' => 'image_button', '#src' => base_path() . path_to_theme() . '/images/Login.png'); 
    $form['links']['#markup'] = '<a class="user-password" href="'.url('user/password').'">' . t('Forgot your password?') . '</a>'; // Remove Request New Password from Block form 
    $form['links']['#weight'] = 540; 
    } 
} 

Kiểm tra mã của bạn để lấy biểu mẫu bạn muốn id của chủ đề. Thay thế dấu gạch dưới bằng dấu gạch ngang và bạn sẽ có thể sử dụng ví dụ trên để thực hiện những gì bạn muốn.

Tại đó là cơ bản nhất mà tôi đoán một ví dụ sẽ là:

function THEME_NAME_form_alter(&$form, &$form_state, $form_id) { 
    if ($form_id == 'FORM_ID') {  
     // Adds a wrapper div to the whole form 
    $form['#prefix'] = '<div class="loginForm">'; 
    $form['#suffix'] = '</div>'; 

     // Adds a wrapper div to the element NAME 
    $form['name']['#prefix'] = '<div class="formRow">'; 
    $form['name']['#suffix'] = '</div>'; 
    } 
} 

Answer 2

Một số cách để làm điều này. Ví dụ:

1. Nếu bạn đang tìm cách ghi đè đánh dấu ở cấp trường, bạn có thể sử dụng field.tpl.php hoặc template_preprocess_field().
2. Nếu bạn muốn thay đổi đánh dấu kèm theo biểu mẫu của mình (mặc dù tôi tự hỏi tại sao đánh dấu tiêu chuẩn của Drupal là vô cùng phong cách), bạn muốn đăng ký chức năng chủ đề và xử lý đánh dấu như vậy. Dưới đây là một số nice article mô tả chi tiết về điều này.