<!DOCTYPE html>
<html>
<head>
<title>Credit Card Form across OOPIFs</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<p>Credit Card Form is partially in the main frame and partially in an OOPIF</p>
<form>
<div>
<label for="CREDIT_CARD_NAME_FULL">Name on Card</label>
<input size="40" id="CREDIT_CARD_NAME_FULL"/>
</div>
<iframe width="100%" height="800px"></iframe>
</form>
<script>
var url = window.location.href;
url = url.replace(/a\.com/, "b.com");
url = url.replace(/autofill_creditcard_form_in_oopif\.html/, "autofill_creditcard_partial_form.html");
document.querySelector('iframe').setAttribute('src', url);
</script>
</body>
</html>