操作元素之表单属性设置

àì夳堔傛蜴生んèń 2023-10-03 14:27 50阅读 0赞

操作元素之表单属性设置

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>操作元素之表单属性设置</title>
    </head>
    
    <body>
        <button>按钮</button>
        <input type="text" value="输入内容">
        <script>
    
            // 1. 获取元素
            var btn = document.querySelector('button');
            var input = document.querySelector('input');
    
            // 2. 注册事件 处理程序
            btn.onclick = function () {
          
    
                // input.innerHTML = '点击了';  这个是 普通盒子 比如 div 标签里面的内容
                // 表单里面的值 文字内容是通过 value 来修改的
                input.value = '被点击了';
    
                // 如果想要某个表单被禁用 不能再点击 disabled  我们想要这个按钮 button禁用
                // btn.disabled = true;
    
                this.disabled = true;
                // this 指向的是事件函数的调用者 btn
            }
        </script>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，50人围观）

还没有评论，来说两句吧...

相关阅读

相关操作元素之修改元素属性

操作元素之修改元素属性 <!DOCTYPE html> <html lang="en"> <head> <meta char

以你之姓@/ 2023年10月03日 14:27/ 0 赞/ 110 阅读

相关操作元素之表单属性设置

操作元素之表单属性设置 <!DOCTYPE html> <html lang="en"> <head> <meta char

àì夳堔傛蜴生んèń/ 2023年10月03日 14:27/ 0 赞/ 51 阅读

相关 jquery表单属性筛选元素

$(":button") 选择所有按钮元素类型为按钮的元素。等于$('input\[type="button"\]') $(":checkbox") 选择所有

男娘i/ 2023年06月11日 05:23/ 0 赞/ 99 阅读

相关前端学习之HTML5 表单相关元素和属性

1.form元素： > 属性： > 1.\\action：\\指定单击表单内的确认按钮，该表单被提交到哪个地址 > 2.\\method：\\指定提交表单时发送何

落日映苍穹つ/ 2023年05月22日 08:45/ 0 赞/ 104 阅读

相关 jQuery之属性操作、元素操作和元素尺寸位置操作

jQuery之属性操作、元素操作和元素尺寸位置操作 jQuery之属性操作、元素操作和元素尺寸位置操作 1 jQuery 属性操作

妖狐艹你老母/ 2023年02月14日 10:22/ 0 赞/ 103 阅读

相关 html元素 —— 表单元素及实用属性

一、常用表单元素 <form>:定义供用户输入的表单。 <fieldset>:定义域。即输入区加有文字的边框。 <legend>：定义域的标题，即边框上的文字。 <la

红太狼/ 2022年09月25日 12:25/ 0 赞/ 264 阅读

相关表单元素

下面介绍一些常用的表单元素 ![20150722095812593][] ![20150722095847639][] 下面是代码示例演示这些属性值得使用：

迈不过友情╰/ 2022年08月02日 13:44/ 0 赞/ 283 阅读

相关 form 表单中 disabled 属性的元素不参与表单提交

示例代码： <form id="saveForm"> <input id="saveForm-age" name="age" disable

我就是我/ 2022年06月01日 10:10/ 0 赞/ 313 阅读

相关表单基本属性的操作

text文本框设置文档禁用或者获得或者失去焦点事件 button按钮单选框（同复选框 radio）复选框（ checkbox

古城微笑少年丶/ 2021年12月03日 23:27/ 0 赞/ 305 阅读

相关 JavaScript操作表单元素

表单元素在HTML页面中起着非常重要的作用，是用户与网页交互信息的重要手段。下面将介绍一些常用的使用JavaScript操作表单元素的方法。 1、表单（form） 1

怼烎@/ 2021年09月30日 15:16/ 0 赞/ 461 阅读