4

この種の質問が以前に尋ねられたことは知っていますが、答えを得ることができませんでした。お問い合わせフォームがあり、新しい非表示の Google Recaptcha を実装したいと考えています。ただし、<input>a ではなくan を使用しました<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>

次に、Google ReCaptcha ボタンがあります。

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

任意のヘルプをいただければ幸いです。また、右下の ReCaptcha ロゴを削除していただけないでしょうか。

この写真は私の言いたいことを示しています

4

2 に答える 2

4

これを試してみてください。ページ上に Google reCaptcha Invisible Badge が表示されなくなります。

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

Google は「プライバシー」と「利用規約」のリンクが存在するふりをするため、バッジを表示する必要があることに注意してください。

于 2017-04-10T18:03:18.533 に答える