अदृश्य Google reCaptcha

मुझे पता है कि इस प्रकार के प्रश्न से पहले पूछा गया है, लेकिन मुझे जवाब नहीं मिला। मेरे पास एक संपर्क फ़ॉर्म है, और मैं नए अदृश्य Google रिकैप्चा को कार्यान्वित करना चाहता हूं। हालांकि, मैंने <button> की बजाय <input> का उपयोग किया है और मैं यह नहीं समझ सकता कि यह कैसे करें।अदृश्य Google reCaptcha

<button 
 
class="g-recaptcha" 
 
data-sitekey="############################" 
 
data-callback="YourOnSubmitFn"> 
 
Submit 
 
</button>

किसी भी मदद की सराहना की जाएगी:

input, textarea { 
 
    padding: 5px; 
 
    margin: 10px; 
 
    font-family: Cambria, Cochin, serif; 
 
    font-size: medium; 
 
    font-weight: bold; 
 
    outline: none; 
 
} 
 

 
input[type=text], textarea { 
 
    width: 350px; 
 
    background-color: #b6b6b4; 
 
    border: 1px solid #989898; 
 
    border-radius: 10px; 
 
} 
 
input[type=submit] { 
 
    width: 100px; 
 
    background-color: #989898; 
 
    border: 1px solid #707070; 
 
    font-size: large; 
 
    color: #000; 
 
    border-radius: 5px; 
 
} 
 
input[type=submit]:hover { 
 
    background-color: #848484; 
 
    cursor: pointer; 
 
} 
 
input[type=submit]:active { 
 
    background-color: #989898; 
 
}

<script src="https://www.google.com/recaptcha/api.js"></script> 
 
<!--CONTACT FORM--> 
 

 

 

 
<form name="contactform" method="post" action="send_form_email.php"> 
 
    
 
     <div> 
 
      <input name="name" type="text" placeholder="Name..." required> <br> </div> 
 
      <div> 
 
      <input name="email" type="text" placeholder="Email..." required> 
 
      <br> 
 
      </div> 
 

 
    <input type="checkbox" name="maillist" value="1" checked> Subscribe to mailing list<br> 
 

 

 

 
      <div> 
 
      <input name="game" type="text" placeholder="Game suggestions..."> 
 
      <br> 
 
      </div> 
 

 

 
      <div> 
 
      <textarea cols="30" name="comment" rows="9" placeholder="Comments..."></textarea> 
 
      <br> </div> 
 
      
 

 
     <div> 
 
     <input name="submit" type="submit" value="Submit"> </div> 
 
    </form>

तो मैं गूगल reCAPTCHA बटन है: यहाँ संपर्क फार्म मैं के लिए मेरे कोड है । इसके अलावा, मैं सोच रहा था कि क्या आप नीचे दाईं ओर रीकैप्चा लोगो को हटा सकते हैं।

स्रोत

2017-04-10 Sank6

reCaptcha डॉक्स से जाँच इस जी recaptcha टैग विशेषताओं और grecaptcha.render मापदंडों अनुभाग:

जी recaptcha टैग विशेषता: डेटा-बिल्ला
grecaptcha.render पैरामीटर: बिल्ला
मूल्य: नीचे दाएं नीचे बाएं इनलाइन
डिफ़ॉल्ट: नीचे दाएं
विवरण: वैकल्पिक। ReCAPTCHA बैज को दोबारा बदलें। 'इनलाइन' आपको सीएसएस को नियंत्रित करने की अनुमति देता है।

यह एक बुनियादी example

<html> 

<head> 
    <title>reCaptcha example</title> 
    <script src='https://www.google.com/recaptcha/api.js'></script> 
    <style> 
     .grecaptcha-badge { 
      display: none; 
     } 
    </style> 
</head> 

<body> 
    <form id="demo-form" action="/post" method="post"> 
     <button data-sitekey="your_site_key" data-callback='onSubmit' data-badge="inline">Login</button> 
    </form> 
</body> 

</html>

सेट inline करने के लिए data-badge विशेषता, नोटिस है data-badge="inline":

<button type="submit" data-sitekey="your_site_key" data-callback='onSubmit' data-badge="inline">Login</button>

और एचटीएमएल कोड पर:

<style> 
    .grecaptcha-badge { 
     display: none; 
    } 
</style>

तुम भी सिर्फ अपने सीएसएस करने के लिए जोड़ सकते हैं:

.grecaptcha-badge { 
    display: none; 
}

स्रोत

2017-09-25 09:37:11 nbari

इस कोशिश, यह पृष्ठ पर गूगल reCAPTCHA अदृश्य बिल्ला छुपा देगा।

.grecaptcha-badge { display: none !important; }

गूगल "गोपनीयता" और "शब्द" लिंक वर्तमान होने का दिखावा के रूप में बिल्ला प्रदर्शित किया जाना चाहिए ध्यान रखें।

स्रोत

2017-04-10 18:03:18 Vigneshwar

यह वास्तव में अच्छा लगता है, लेकिन मैं इस पर बहुत अच्छा नहीं कर रहा हूँ तो मैं बस अपना सीएसएस में इस कोड डालूं? क्या मैं सामान्य रिकैप्चा का उपयोग करता हूं और इसे या अदृश्य एक जोड़ता हूं?आपकी मदद के लिए बहुत बहुत धन्यवाद – Sank6

इसे सीएसएस कोड में रखें। –

अदृश्य Google reCaptcha

उत्तर

संबंधित मुद्दे