​x
 
<!DOCTYPE html>
<html>
<body>
​
主页：<input type="url" id="myURL" value="https://www.w3school.com.cn">
​
<p>单击下面的按钮可在 URL 字段中赋予焦点和/或移除焦点。</p>
​
<button type="button" onclick="getFocus()">获得焦点</button>
<button type="button" onclick="loseFocus()">失去焦点</button>
​
<p><b>注意：</b>IE 9（及更早版本）或 Safari 不支持带有 type="url" 的元素。</p>
​
<script>
function getFocus() {
  document.getElementById("myURL").focus();
}
​
function loseFocus() {
  document.getElementById("myURL").blur();
}
</script>
​
</body>
</html>
​