ログインフォームのプレースホルダを7に設定する方法

Question

Drupal 7の水平ログインフォームのプレースホルダを設定する必要があります。このテキストをクリックすると消える必要があります。彼らは単に 'username'と 'password'と言うでしょう。ここに、現在のフォームのコードを示します。ありがとう！

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

プレースホルダHTML属性を使用してHTML5で行う方法です。ただし、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のプレースホルダを追加します。

機能名の先頭を忘れてはいけません！

楽しくお楽しみください！

Answer 3

このモジュールを使用することを検討してください。https://www.drupal.org/project/form_placeholderはHTML 5プレースホルダを実装しています。古いブラウザの場合、「HTML5プレースホルダ属性のサポートはMathias BynensのjQueryプレースホルダプラグインを使用していません」