Frameborder-Attribut für das iframe von Recaptcha

Question

Ich muss wissen, wo ich diese Zeile Code von Google recaptcha Code ändern:

Das Attribut frameborder auf dem iframe Element veraltet ist. Ich möchte den Frameborder = "0" mit dem iframe in etwas wie Grenze ändern: keine ;.

Bei der Validierung gibt es eine Fehlermeldung "Das frameborder-Attribut auf dem iframe-Element ist veraltet. Verwenden Sie stattdessen CSS.".

Irgendwelche Ideen, wie Sie das beheben können?

<dd class="auto recaptcha"> 
    <p class="cap">ReCAPTCHA entry is for testing whether you are a human visitor and to prevent automated spam submissions.</p> 
    <div class="recaptcha-item"> 
     <script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LfaXscSAAAAAMcN5Mfvza9CyYfV7K5__BbQiPBN"></script> 

<noscript> 
    <iframe src="http://www.google.com/recaptcha/api/noscript?k=6LfaXscSAAAAAMcN5Mfvza9CyYfV7K5__BbQiPBN" height="300" width="500" frameborder="0"></iframe><br/> 
    <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> 
    <input type="hidden" name="recaptcha_response_field" value="manual_challenge"/> 
</noscript>    </div> 

       <p><sup class="required">*</sup> = Required Fields</p> 
    </dd> 

Screenshot von Antwort des wf4

Answer 1

Die Antwort ist in Ihrem bearbeiten. Es gibt ein Skript, src = http://www.google.com/recaptcha/api/challenge, das Javascript verwendet, um einen Iframe auf Ihrer Site zu erstellen. Das Bit noscript wird verwendet, wenn Skripts nicht verfügbar sind. Wenn Sie also

<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?k=6LfaXscSAAAAAMcN5Mfvza9CyYfV7K5__BbQiPBN"></script>

und die <noscript> </noscript> Tags entfernen, nicht aber den Inhalt, dann können Sie die frameborder="0" entfernen, die Sie nicht wollen. so Ihr vollständiger Code wäre:

<dd class="auto recaptcha"> 
<p class="cap">ReCAPTCHA entry is for testing whether you are a human visitor and to prevent automated spam submissions.</p> 
<div class="recaptcha-item"> 


<iframe src="http://www.google.com/recaptcha/api/noscript?k=6LfaXscSAAAAAMcN5Mfvza9CyYfV7K5__BbQiPBN" height="300" width="500"></iframe><br/> 
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> 
<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/> 
      </div> 

      <p><sup class="required">*</sup> = Required Fields</p> 
</dd> 

für das Styling, das auch hinzugefügt worden wäre, das Skript verwenden, sollte das sein, was Sie in Ihrem head

<style type="text/css"> 
.recaptchatable td img{display:block}.recaptchatable .recaptcha_r1_c1{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') 0 -63px no-repeat;width:318px;height:9px}.recaptchatable .recaptcha_r2_c1{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -18px 0 no-repeat;width:9px;height:57px}.recaptchatable .recaptcha_r2_c2{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -27px 0 no-repeat;width:9px;height:57px}.recaptchatable .recaptcha_r3_c1{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') 0 0 no-repeat;width:9px;height:63px}.recaptchatable .recaptcha_r3_c2{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -18px -57px no-repeat;width:300px;height:6px}.recaptchatable .recaptcha_r3_c3{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -9px 0 no-repeat;width:9px;height:63px}.recaptchatable .recaptcha_r4_c1{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -43px 0 no-repeat;width:171px;height:49px}.recaptchatable .recaptcha_r4_c2{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -36px 0 no-repeat;width:7px;height:57px}.recaptchatable .recaptcha_r4_c4{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -214px 0 no-repeat;width:97px;height:57px}.recaptchatable .recaptcha_r7_c1{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -43px -49px no-repeat;width:171px;height:8px}.recaptchatable .recaptcha_r8_c1{background:url('http://www.google.com/recaptcha/api/img/red/sprite.png') -43px -49px no-repeat;width:25px;height:8px}.recaptchatable .recaptcha_image_cell center img{height:57px}.recaptchatable .recaptcha_image_cell center{height:57px}.recaptchatable .recaptcha_image_cell{background-color:white;height:57px}#recaptcha_area,#recaptcha_table{width:318px!important}.recaptchatable,#recaptcha_area tr,#recaptcha_area td,#recaptcha_area th{margin:0!important;border:0!important;padding:0!important;border-collapse:collapse!important;vertical-align:middle!important}.recaptchatable *{margin:0;padding:0;border:0;font-family:helvetica,sans-serif;font-size:8pt;color:black;position:static;top:auto;left:auto;right:auto;bottom:auto}.recaptchatable #recaptcha_image{position:relative;margin:auto}.recaptchatable #recaptcha_image #recaptcha_challenge_image{display:block}.recaptchatable #recaptcha_image #recaptcha_ad_image{display:block;position:absolute;top:0}.recaptchatable img{border:0!important;margin:0!important;padding:0!important}.recaptchatable a,.recaptchatable a:hover{cursor:pointer;outline:none;border:0!important;padding:0!important;text-decoration:none;color:blue;background:none!important;font-weight:normal}.recaptcha_input_area{position:relative!important;width:153px!important;height:45px!important;margin-left:7px!important;margin-right:7px!important;background:none!important}.recaptchatable label.recaptcha_input_area_text{margin:0!important;padding:0!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;background:none!important;height:auto!important;width:auto!important}.recaptcha_theme_red label.recaptcha_input_area_text,.recaptcha_theme_white label.recaptcha_input_area_text{color:black!important}.recaptcha_theme_blackglass label.recaptcha_input_area_text{color:white!important}.recaptchatable #recaptcha_response_field{width:153px!important;position:relative!important;bottom:7px!important;padding:0!important;margin:15px 0 0 0!important;font-size:10pt}.recaptcha_theme_blackglass #recaptcha_response_field,.recaptcha_theme_white #recaptcha_response_field{border:1px solid gray}.recaptcha_theme_red #recaptcha_response_field{border:1px solid #cca940}.recaptcha_audio_cant_hear_link{font-size:7pt;color:black}.recaptchatable{line-height:1!important}#recaptcha_instructions_error{color:red!important}.recaptcha_only_if_privacy{float:right;text-align:right}#recaptcha-ad-choices{position:absolute;height:15px;top:0;right:0}#recaptcha-ad-choices img{height:15px}.recaptcha-ad-choices-collapsed{width:15px;height:15px;display:block}.recaptcha-ad-choices-expanded{width:75px;height:15px;display:none}#recaptcha-ad-choices:hover .recaptcha-ad-choices-collapsed{display:none}#recaptcha-ad-choices:hover .recaptcha-ad-choices-expanded{display:block} 
.recaptcha_is_showing_audio .recaptcha_only_if_image,.recaptcha_isnot_showing_audio .recaptcha_only_if_audio,.recaptcha_had_incorrect_sol .recaptcha_only_if_no_incorrect_sol,.recaptcha_nothad_incorrect_sol .recaptcha_only_if_incorrect_sol{display:none !important} 
</style> 

Answer 2

ok schließen müssen, so Hier ist eine andere Lösung ... Die Frage war "Remove frameborder Attribut auf dem iframe von Recaptcha". Diese Frage muss durch den w3c-Validator zustande gekommen sein. In Ihrem Code befindet sich ein Skript, das HTML in Ihre Seite einfügt, wobei es den gesamten HTML- und CSS-Code enthält, der zum Formatieren des Inhalts erforderlich ist. Meine erste Antwort war, dieses Skript zu entfernen und nur die iframe in den <noscript> Tags zu verwenden, dies ist jedoch nicht das Problem. Das Problem ist der Inhalt der <noscript> Tags und nicht die tatsächliche Recaptcha. So ist meine zweite Antwort ist eine der folgenden Funktionen ausführen:

A: Entfernen Sie die frameborder="0" vom iframe

<iframe src="http://www.google.com/recaptcha/api/noscript?k=6LfaXscSAAAAAMcN5Mfvza9CyYfV7K5__BbQiPBN" height="300" width="500"></iframe> 

, die die Validierung Problem beheben würde.

B: Entfernen Sie den gesamten Abschnitt <noscript>, wenn Sie kein unformatiertes Formular wünschen, wenn Skripts nicht verfügbar sind.

Es gibt mehrere andere Versuche, den Inhalt eines iframe zu stylen, aber sie verwenden Javascript und moderne Browser erlauben dies nicht, wenn die Seiten nicht Teil derselben Domäne sind.