13-修改表单属性

最新推荐文章于 2024-06-16 18:09:06 发布

Strohhut

最新推荐文章于 2024-06-16 18:09:06 发布

阅读量35

点赞数

分类专栏：黑马程序员APIs（1）文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/Strohht/article/details/130695178

版权

黑马程序员APIs（1）专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <input type="text" value="电脑" > -->
    <input type="checkbox" name="" id="">
    <button>点击</button>

    <script>
        // //  1.获取元素
        // const uname = document.querySelector('input')
        // //  2. 获取值  用表单.value 获取表单里面的值
        // console.log(uname.value)
        // // 3.设置/修改表单的值
        // // uname.value = '我要买电脑'
        // // ``设置密码框
        // uname.type = 'password'
        

        //复选框
        // 1.获取  （disabled、checked、selected 只接受布尔值）
        const ipt = document.querySelector('input')
        ipt.checked = true
        // ipt.checked = 'true' 会选中，不提倡  有隐式转换

        // button
        const button = document.querySelector('button')
        // console.log(button.disabled)  //默认不禁用 false
        button.disabled = true // 禁用了
    </script>
</body>

</html>