如何在登錄表單中設置drupal 7中的佔位符

Question

我需要爲Drupal 7中的水平登錄表單設置一個佔位符。單擊此文本時需要消失。他們只會說'用戶名'和'密碼'。以下是表格中的代碼。謝謝！

function horizontal_login_block($form) { 
$form['#action'] = url($_GET['q'], array('query' => drupal_get_destination())); 
$form['#id'] = 'horizontal-login-block'; 
$form['#validate'] = user_login_default_validators(); 
$form['#submit'][] = 'user_login_submit'; 
$form['#prefix'] = '<div id="loginbar">'; 
$form['#suffix'] = '</div>'; 
$form['name'] = array(
'#type' => 'textfield', 
'#prefix' => '<div class="usericon">', 
'#suffix' => '</div>', 
'#maxlength' => USERNAME_MAX_LENGTH, 
'#default_value' => t('Username'), 
'#id' => 'userbar', 
'#size' => 15, 
'#required' => TRUE, 
); 

Answer 1

這是如何在HTML5中使用佔位符HTML屬性來實現的。但是，它不適用於任何Internet Explorer版本。

function horizontal_login_block($form) { 
    $form['#action'] = url($_GET['q'], array('query' => drupal_get_destination())); 
    $form['#id'] = 'horizontal-login-block'; 
    $form['#validate'] = user_login_default_validators(); 
    $form['#submit'][] = 'user_login_submit'; 
    $form['#prefix'] = '<div id="loginbar">'; 
    $form['#suffix'] = '</div>'; 
    $form['name'] = array(
    '#type' => 'textfield', 
    '#prefix' => '<div class="usericon">', 
    '#suffix' => '</div>', 
    '#maxlength' => USERNAME_MAX_LENGTH, 
/* Don't set default values. HTML5 
    '#default_value' => t('Username'), */ 
    '#id' => 'userbar', 
    '#size' => 15, 
    '#required' => TRUE, 
    '#attributes' =>array('placeholder' => t('Username')) 
    ); 

Answer 2

另一種簡單的方法是給這個函數添加到您的主題的template.php：

function YOURTHEMENAME_form_alter(&$form, &$form_state, $form_id) 
{ 
    if (in_array($form_id, array('user_login', 'user_login_block'))) 
    { 
     $form['name']['#attributes']['placeholder'] = t('Username'); 
     $form['pass']['#attributes']['placeholder'] = t('Password'); 
    } 
} 

這將HTML5佔位符添加到兩登錄表單的用戶名密碼UND領域。

不要忘記改變功能名稱的開頭！

玩得開心！

Answer 3

考慮使用此模塊https://www.drupal.org/project/form_placeholder實現HTML 5佔位符，對於舊版瀏覽器，舊版瀏覽器不支持「支持HTML5佔位符屬性使用Mathias Bynens的jQuery Placeholder插件」。