प्रपत्र Div onClick

Question

के साथ सबमिट करें मैं एक फॉर्म सबमिट करने के लिए एक div का उपयोग करने की कोशिश कर रहा हूं। यहाँ एचटीएमएल है:

<form name="search-form" 
     id="search-form" 
     action="php.php" 
     class="form-search"> 

    <input style="color: black; background: rgba(255,255,255,0.5); padding: 15px; font-size: 18px;" 
      type="text" 
      name="search" 
      class="input-medium search-query"> 

     <div class="button1" onClick="document.forms["search-form"].submit();"> 
      <a href="#"> 
       <img alt="" src="/img/buttons/icon1.png" /> 
      </a> 
     </div> 
    </form> 

प्रपत्र जब div क्लिक किया जाता है प्रस्तुत नहीं करता है। क्या कोई समस्या को इंगित कर सकता है? धन्यवाद। मैं इसे कम से कम एक घंटे के लिए कोशिश कर रहा हूं।

स्टाइल रखने के लिए a href की आवश्यकता है, लेकिन अगर मैं इसे हटा देता हूं और आइकन के साथ छोड़ देता हूं, तो सबमिट काम नहीं करता है; न ही यह काम करता है अगर मैं छवि पर onclick लागू करता हूं।

Answer 1

एकल उद्धरण के बीच search-form जोड़ें:

onClick="document.forms['search-form'].submit();" 

Answer 2

तुम बस उद्धरण में उद्धरण चिह्नों का उपयोग नहीं कर सकते। एकल उद्धरण का उपयोग करें ठीक करने के लिए:

<form name="search-form" id="search-form" action="php.php" class="form-search"> 
    <input style="color: black; background: rgba(255,255,255,0.5); padding: 15px; font-size: 18px;" type="text" name="search" class="input-medium search-query"> 
    <div class="button1" onClick="document.forms['search-form'].submit();"> 
     <a href="#"> 
      <img alt="" src="img/buttons/icon1.png" /> 
     </a> 
    </div> 
</form> 

Answer 3

यह त्रुटि के साथ कुछ भी हो सकता है (या शायद यह करता है, अवैध एचटीएमएल के कारण?), लेकिन आप अपने input टैग करने के लिए एक अंत टैग को जोड़ने चाहिए, इसके बाद यहां अंत:

<input style="color: black; (... etc) " 
     type="text" 
     name="search" 
     class="input-medium search-query" />