Làm thế nào để xóa văn bản trên nhấp chuột?

Question

Cho một <textarea> với một giá trị mặc định như sau:

<textarea>Please describe why</textarea> 

Làm thế nào để bạn xóa các giá trị mặc định khi người dùng nhấp chuột để chỉnh sửa lĩnh vực này?

Answer 1

JavaScript của bạn:

function clearContents(element) { 
    element.value = ''; 
} 

Và HTML của bạn:

<textarea onfocus="clearContents(this);">Please describe why</textarea> 

tôi giả sử bạn sẽ muốn làm điều này một chút mạnh mẽ hơn, để không lau đầu vào người sử dụng khi tập trung lần thứ hai. Herearefiverelateddiscussions & articles.

Và đây là (much better) idea rằng David Dorward đề cập đến trong ý kiến ​​trên:

<label for="explanation">Please describe why</label> 
<textarea name="explanation" id="explanation"></textarea> 

Answer 2

<textarea onClick="javascript: this.value='';">Please describe why</textarea> 

Answer 3

Hãy thử:

<input name="mytextbox" onfocus="if (this.value=='Please describe why') this.value = ''" type="text" value="Please Describe why"> 

Answer 4

Ý của bạn là như thế này cho textfield?

<input type="text" onblur="if(this.value == '') this.value='SEARCH';" onfocus="if(this.value == 'SEARCH') this.value='';" size="15" value="SEARCH" name="xSearch" id="xSearch"> 

Hoặc điều này cho văn bản?

<textarea id="usermsg" rows="2" cols="70" onfocus="if(this.value == 'enter your text here') this.value='';" onblur="if(this.value == '') this.value='enter your text here';" >enter your text here</textarea> 

Answer 5

Giải pháp tốt nhất những gì tôi biết cho đến nay:

<textarea name="message" onblur="if (this.value == '') {this.value = 'text here';}" onfocus="if (this.value == 'text here') {this.value = '';}">text here</textarea> 

Answer 6

Tại sao không chỉ cần sử dụng thuộc tính placeholder?

<textarea placeholder="Please describe why"></textarea> 

Điều này sẽ đặt văn bản phụ màu xám sẽ tự động biến mất khi người dùng nhấp vào trường văn bản. Ngoài ra, nó sẽ xuất hiện trở lại nếu nó mất tiêu điểm và vùng văn bản trống.

Answer 7

<textarea name="post" id="post" onclick="if(this.value == 'Write Something here..............') this.value='';" onblur="if(this.value == '') this.value='Write Something here..............';" >Write Something here..............</textarea> 

Answer 8

Đây là tập tin javascript của bạn:

function yourFunction(){ 
    document.getElementById('yourid').value = ""; 
}; 

Đây là tập tin html:

<textarea id="yourid" > 
    Your text inside the textarea 
    </textarea> 
    <button onClick="yourFunction();"> 
    Your button Name 
    </button> 

Answer 9

jQuery thuộc tính val() nên thực hiện công việc. Bạn có thể làm $('#YourTextareaID').click(function(e) { e.target.value = ''; }).

Answer 10

Hãy thử liên kết bên dưới đến trang tôi đã tìm thấy. Điều này có vẻ là một giải pháp rất tốt cho vấn đề và không xóa văn bản nếu người dùng nhập dữ liệu và nhấn lại vào hộp.

http://www.yourhtmlsource.com/forms/clearingdefaulttext.html

Answer 11

Bạn có thể thử mã này,

<textarea name="textarea" cols="70" rows="2" class="searchBox" id="textarea" onfocus="if(this.value == 'Please describe why') this.value='';" onblur="if(this.value == '') this.value='Please describe why';">Please describe why</textarea>