回答:
これはHTML5プレースホルダーです。任意の要素に属性として追加するだけで、HTML5対応ブラウザーはそれに応じて反応します。
function MYMODULE_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'some_form') {
$form['some_element']['#attributes']['placeholder'] = t('Placeholder text');
}
}
フォーム内のすべてのテキストフィールドにプレースホルダーを自動的に追加したい場合、このような短い再帰関数は便利です(この例ではフィールドのタイトルに基づいています):
function MYMODULE_auto_placeholders(&$element) {
if ( isset($element['#type']) && $element['#type'] == 'textfield') {
// set placeholder
$element['#attributes']['placeholder'] = $element['#title'];
// hide label
$element['#title_display'] = 'invisible';
}
foreach (element_children($element) as $key) {
MYMODULE_auto_placeholders($element[$key]);
}
}
次に、フォームのalter関数を呼び出すだけで
MYMODULE_auto_placeholders($form);
このメソッドは、フォーム上のほとんどすべてのテキスト#process
フィールドで機能しますが、関数に追加されるものを除きます(たとえば、画像フィールドのaltおよびtitleテキストフィールドなど)。
私はCliveの答えを試しました:
function MYMODULE_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'some_form') {
$form['some_element']['#attributes']['placeholder'] = t('Placeholder text');
}
}
しかし、驚いたことに、テキストフィールド自体ではなく、テキストフィールドのラッパーにプレースホルダーがありました。次に、次のようにバリエーションを試しましたが、うまくいきました!
function MYMODULE_form_alter(&$form, &$form_state, $form_id) {
if ($form_id == 'some_form') {
$form['some_element']['und'][0]['value']['#attributes']['placeholder'] = t('Placeholder text');
}
}
これにつまずいて、Cliveの答えはプレースホルダーを自動的に追加するのがいいと思った。
hou、drupal 8でそれを正しくするためにいくつかの小さな変更が必要なので、これはほぼ同じ答えですが、drupal 8のテーマに適しています。
/**
* Implements hook_form_alter
*/
function THEME_form_alter(&$form, \Drupal\Core\Form\FormStateInterface $form_state, $form_id) {
add_placeholders($form);
}
/**
* Add placeholders to suitable form elements -> textfield, password, email, textarea
*/
function add_placeholders(&$element) {
if(isset($element['#type']) && in_array($element['#type'], ['textfield', 'password', 'email', 'textarea'])) {
$element['#attributes']['placeholder'] = $element['#title'];
}
foreach(\Drupal\Core\Render\Element::children($element) as $key) {
add_placeholders($element[$key]);
}
}