HTML 实录 <一>

概述注册表单的实现 <style>th, td { text-align: left; padding: 8px 4px;}</style> <form action="?request=register" method="post"> <table style="margin: auto"> <tr> 注册表单的实现

<style>th,td {    text-align: left;    padding: 8px 4px;}</style>    <form action="?request=register" method="post">        <table >            <tr>                <td>用户名:</td>                <td><input wIDth="auto" type="text" required="required" autocomplete="username"                    name="name"></td>            </tr>            <tr>                <td>密码:</td>                <td><input wIDth="auto" type="password" required="required" autocomplete="new-password"                    ID="form_passwd" name="passwd"></td>            </tr>            <tr>                <td>确认密码:</td>                <td><input wIDth="auto" type="password" required="required" autocomplete="new-password"                    ID="form_passwd_two" name="passwd"></td>            </tr>        </table>        <br>        <button type="submit">注册</button>    </form>

效果:

监听密码输入框 input 输入事件

<script type="text/JavaScript">        // 验证密码长度        var form_passwd = document.getElementByID("form_passwd");        form_passwd.addEventListener("input",function () {            if(this.value.length < 6 || this.value.length > 20){ // 判断条件完全自定义                this.setCustomValIDity('密码格式不正确,长度6~20');            }else {                this.setCustomValIDity("");            }        });    </script>

总结

以上是内存溢出为你收集整理的HTML 实录 <一>全部内容，希望文章能够帮你解决HTML 实录 <一>所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。