बटन पर एक पाठ क्षेत्र पर क्लिक करें

Question

मैं दो पाठ लेबल समाशोधन:

<div>   
    <input type="text" id="textfield1" size="5"/> 
</div> 

<div>   
    <input type="text" id="textfield2" size="5"/>   
</div> 

मैं एक बटन "साफ" कहा जाता है कि इन दोनों क्षेत्रों को मिटा होगा करना चाहते हैं।

<div>  
    <input type="button" value="Clear Fields" onclick=SOMETHING /> 
</div> 

कैसे SOMETHING को लागू करने पर कोई सुराग:

मेरी जानकारी के लिए, मुझे लगता है कि एक बटन मैं इस तरह के कोड का उपयोग करना चाहिए लागू करने के लिए पता है?

Answer 1

कैसे सिर्फ एक सरल रीसेट बटन के बारे में?

<form> 

    <input type="text" id="textfield1" size="5"> 
    <input type="text" id="textfield2" size="5"> 

    <input type="reset" value="Reset"> 

</form> 

Answer 2

कुछ इस तरह एक बटन जोड़ने के लिए और आप मान

<div>   
<input type="text" id="textfield1" size="5"/>   
</div> 

<div>   
<input type="text" id="textfield2" size="5"/>   
</div> 

<div> 
    <input type="button" onclick="clearFields()" value="Clear"> 
</div> 


<script type="text/javascript"> 
function clearFields() { 
    document.getElementById("textfield1").value="" 
    document.getElementById("textfield2").value="" 
} 
</script> 

Answer 3

एक सरल JavaScript फ़ंक्शन काम करेगा स्पष्ट करने के लिए इसका इस्तेमाल करते हैं करने देगा।

function ClearFields() { 

    document.getElementById("textfield1").value = ""; 
    document.getElementById("textfield2").value = ""; 
} 

और बस अपने बटन इसे कहते है:

<button type="button" onclick="ClearFields();">Clear</button> 

Answer 4

आप तो सरल प्रयोग इसे रीसेट करना चाहते हैं,:

<input type="reset" value="Reset" /> 

लेकिन सावधान रहना, यह बक्सें डिफ़ॉल्ट value है कि साफ नहीं होंगे। उदाहरण के लिए, अगर हम निम्नलिखित बक्सें है और डिफ़ॉल्ट रूप से, वे निम्न मान है:

<input id="textfield1" type="text" value="sample value 1" /> 
<input id="textfield2" type="text" value="sample value 2" /> 

तो, इसे, स्पष्ट जावास्क्रिप्ट के साथ यह तारीफ करने के लिए:

function clearText() 
{ 
    document.getElementById('textfield1').value = ""; 
    document.getElementById('textfield2').value = ""; 
} 

और onclick में अटैच कर रीसेट बटन का:
<input type="reset" value="Reset" onclick="clearText()" />