JS ?? ?? ?? ???? ????? ????

Validation form

js? ???? ??? ???? ??? ?????

html ??? ??? ????.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div id="div">
        <form>
            <label>用戶名:</label>
            <input type="text" class="name" id="name">
            <div id="sp" class="div"></div>                
            <label>密 碼:</label>
            <input type="password" class="pwd" id="pwd">
            <div id="sp1" class="div"></div>
            <label>郵 箱:</label>
            <input type="text" class="email" id="email">
            <div id="sp2" class="div"></div>
            <label>愛 好:</label>
            <textarea rows="5" cols="30" class="txt" id="txt"></textarea>
            <div id="sp3" class="div"></div>
            <input type="button" class="sub" value="注冊" id="sub">
        </form>
    </div>
</body>
</html>

?? ???? ???? ???????.

布局_1.png

??? ???? ???? ?? , ?? ??? ?????

?? ??? ??? ??? ?? ??? div ??? ????. ??? ??? ?? ?????? ??????? ???? ??? ??? ? ?? ??? ??? ???? ???? ?????. , ??? div ??? ???? ??? ??? ????

? ???? id ? class ??? ???? ?? ???? ???? ??? ? ????.

??? CSS? ???? ???? ???? ???? ?????. ?? ????. ???? CSS? ???? ???? ???????

???? ??

??? ??

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="div"> <form> <label>用戶名:</label> <input type="text" class="name" id="name"> <div id="sp" class="div"></div> <label>密碼:</label> <input type="password" class="pwd" id="pwd"> <div id="sp1" class="div"></div> <label>郵箱:</label> <input type="text" class="email" id="email"> <div id="sp2" class="div"></div> <label>愛好:</label> <textarea rows="5" cols="30" class="txt" id="txt"></textarea> <div id="sp3" class="div"></div> <input type="button" class="sub" value="注冊" id="sub"> </form> </div> </body> </html>

?????? ???

????