<!DOCTYPE html>
<html>
<head>
<style>
input {
    box-sizing: border-box;
    border-color: #dfdfdf;
}
input:focus {
    border-color: #bbb;
}
</style>
<script>
window.onload = function() {
    document.getElementById("input").focus();
    document.getElementById("input").value = "PASS";
}
</script>
</head>
<body>
    <p>You should see the word "PASS" in the input box.</p>
    <input id="input" value="">
</body>
</html>