表单元素属性应用 - ellaha

value用于大部分表单元素的内容获取（option除外）
type可以获取input标签的雷属性（输入框或复选框等）
disabled禁用属性
checked复选框选中属性
selected下拉菜单选中属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        window.onload = function () {
            var txt = document.getElementById('txt');
            var stop = document.getElementById('stop');
            console.log(txt.value);
            console.log(txt.type);

            // 当html中的标签属性只有一个值 DOM中对应的元素属性值是布尔类型
            stop.onclick = function () {
                txt.disabled = true;
            }

            var btn1 = document.getElementById('btn1');
            btn1.onclick = function () {
                txt.value = '你好';
            }
    }
    </script>
</head>
<body>
<input type="button" id="stop" value="禁用">
<input type="button" id="btn1" value="设置内容">
<br>
<input type="text" value="123" id="txt">

</body>
</html>

posted on 2021-03-15 21:42 ellaha 阅读(39) 评论(0) 收藏举报

刷新页面返回顶部