form表单事件

<body>
    <input type="text">
    <input type="search" class="search">
    <script>
        // 获得焦点 onfocus
        document.querySelector("input").
                onfocus = function(){
                    this.value = "长青吴彦祖";
                };
        // 失去焦点 onblur
                document.querySelector("input").onblur = function(){
                    this.value = "wwww";
                }
        // 输入oninput
        document.querySelector("input").oninput = function(){
            console.log(this.value);
             // 这个和百度搜索差不多
        }
 
        // 改变 onchange
        document.querySelector("input").onchange = function(){
            console.log(this.value);
            // 这个是利用敲回车(就是脱离焦点)之后才出现
        }
 
 
 
        // 文本被选择上 onselect
        document.querySelector("input").onselect = function(){
            alert("不允许剪切文本");
        }
        // onsearch 搜索
        document.querySelector(".search").onsearch = function(){
            console.log(this.value);
           // 这个后面会出现"x"   删除之前所打出的文字
        }
 
    </script>

转载于:https://www.cnblogs.com/cntt/p/6532930.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
FORM表单是HTML中的一个元素,用于创建一个包含表单控件的区域,用户可以在该区域中输入或选择信息,然后将该信息提交到服务器进行处理。 一个基本的FORM表单通常包含以下几个组成部分: 1. FORM标签:用于定义一个表单 2. ACTION属性:指定表单提交的目标地址 3. METHOD属性:指定表单提交的方式(GET或POST) 4. INPUT标签:用于定义一个表单控件,如文本框、单选框、复选框等 5. SUBMIT按钮:用于提交表单 例如,以下是一个简单的FORM表单示例: ```html <form action="http://example.com/form.php" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="gender">性别:</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br> <label for="city">城市:</label> <select id="city" name="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> </select><br> <input type="submit" value="提交"> </form> ``` 上述代码中,FORM标签的ACTION属性指定了表单提交的目标地址,METHOD属性指定了表单提交的方式为POST。其中包含了三个表单控件,一个文本框、两个单选框和一个下拉列表框,它们分别用INPUT和SELECT标签进行定义。最后通过一个SUBMIT按钮来提交表单。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值