자바 스크립트 입력 상자가있을 때 초점 : 입력 상자가 비어있는 경우, 입력 상자가 포커스를 잃을 입력 상자가 비어있는 경우, 사용자 이름은 빈, 빨간색 테두리 색상이 될 수 없습니다하라는 메시지가 표시되면, 당신의 이름을 입력하라는 메시지가 표시되면 입력 상자의 값 다음 기본 색상이 메시지가 표시되지 경계를 수행하지 0

다음 코드를 구현하는 자바 스크립트 이벤트 사용

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<style>
</style>
</head>
<body>
<input type="text" onfocus="fun()" id="input" onblur="fun1()">
</body>
<script>
    function fun() {
        var input = document.getElementById('input');
        input.placeholder = "请输入你的姓名";
    }
    function fun1() {
        var input = document.getElementById('input');
        if (!onkeydown){
            input.placeholder = "用户名不能为空";
            input.style.border = "1px solid red";
        }
        if (input.value != ''){
            input.style.border = "1px solid #a9a9a9";
        }
    }
</script>
</html>   

부터

입력 상자가 재미 () 함수 재미 () 함수의 구현에 초점을 얻을 때 행 세트에, ID를 사용하는 방법을 찾는 데 사용됩니다 placeholder에 "당신의 이름을 입력하세요."


입력 상자가 fun1의 구현에 () 함수 fun1 () 함수를 포커스를 잃을 때, 사용자는 키보드 출력 "사용자 이름은 비워 둘 수 없습니다"를 누르면하지 않는 경우 경우 <input>태그의 값이 비어 있지, 경계 라인은 기본 색상으로 설정

추천

출처www.cnblogs.com/5Arno/p/12063956.html