Vi perguntas semelhantes no SO, incluindoest, que é antigo. Li e segui os links, mas não está claro se existe uma solução adequada para esse problema hoj

Minha questão de fundo é que estou usando HTMLplaceholder="..." nos campos de entrada. Ao se concentrar automaticamente no primeiro campo, seu espaço reservado não está mais visível para o usuário.

EDITA

Aqui está o meu código HTML:

<div id='LOGIN_FORM' title="Login">
    <form action="">
        <input type="text" name="login_id" required="required"
                           placeholder="Enter user ID" /><br />
        <input type="password" name="login_pwd" required="required"
                           placeholder="Enter password" /><br />
    </form>
</div>

Aqui está o meu código JS:

$("#login").click(function() { 
    $("#LOGIN_FORM").dialog({ modal: true }, { buttons: [
    {
            text: "Ok",
            click: function() { $(this).dialog("close"); }
        }
    ] });
});