Comment définir un espace réservé dans drupal 7 sur un formulaire de connexion

- Je besoin de créer un espace réservé pour une horizontale formulaire de connexion dans Drupal 7. Ce texte doit disparaître lorsque l'on clique dessus. Ils vont juste dire 'nom d'utilisateur' et 'mot de passe'. Voici le code pour le formulaire comme de maintenant. Merci!

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,
);

OriginalL'auteur Zach | 2012-03-22

  1. 24

    C'est la façon de le faire en HTML5, en utilisant l'espace réservé attribut HTML. Toutefois, il ne fonctionne pas dans Internet Explorer version.

        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'))
    );
    Merci! toute idée d'un correctif pour IE?
    Pour les anciens navigateurs peuvent drupal.org/project/jquery_placeholder sera peut-être utile.
    travaille toujours dans Drupal 8 🙂

    OriginalL'auteur Ayesh K

  2. 22

    Un autre moyen simple est d'ajouter cette fonction à vos thèmes 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' );
    }
}

    Cela va ajouter HTML5 espace réservé pour le nom d'utilisateur et Mot de passe dans les champs à la fois les formulaires de login.

    N'oubliez pas de modifier le début de l'fonctions nom!

    Amusez-vous!

    et pour ajouter un espace réservé pour la recherche, ajoutez le code suivant à l'intérieur de la fonction: si ($form_id == 'search_block_form') { $form['search_block_form']['#attributs']['placeholder'] = t('Recherche...'); }
    une amélioration de ce code pour masquer les étiquettes $form['name']['#title_display'] = "invisible"; $form['pass']['#title_display'] = "invisible";
    Autre amélioration: au lieu d'explicitement écrit le texte de l'espace réservé, la ré-utilisation de l'étiquette: $form['name']['#attributes']['placeholder'] = $form['name']['#title']; $form['pass']['#attributes']['placeholder'] = $form['pass']['#title'];

    OriginalL'auteur Raisch

  3. 1

    Envisager l'utilisation de ce module https://www.drupal.org/project/form_placeholder met en œuvre un HTML 5 de l'espace réservé et pour les anciens navigateurs les navigateurs plus anciens ne "charge HTML5 espace réservé à l'attribut utilise jQuery espace Réservé plugin par Mathias Bynens".

    OriginalL'auteur