當頁面加載時在文本框中顯示光標和文本

Question

我正在使用Asp.net MVC。

我使用普通的HTML

<label for="txtbox1" > User Name</label> 
<input type="text" id="txtbox1" name="text" class="water"/> 

我想之前的文本和文本都在頁面加載顯示光標。當用戶在文本框中開始寫入時，「用戶名」被刪除。

Answer 1

你需要使用javascript才能做到這一點。如果您在使用jQuery你可以：

$(function() { 
    $('#txtbox1').focus(); 
}); 

如果你想用簡單的JavaScript來做到這一點：

window.onload = function() { 
    var textbox = document.getElementById('txtbox1'); 
    if (textbox != null) { 
     textbox.focus(); 
    } 
}; 

---

UPDATE：

如果你想要的文字時消失用戶開始輸入你可以試試以下內容：

$('#txtbox1').keypress(function() { 
    if (!$(this).data('dirty')) { 
     $(this).val('').data('dirty', true); 
    } 
}); 

Live demo.