HTML----＞进阶-＞复选框-＞文件上传-＞图片按钮-＞隐藏-＞禁用，只读

最新推荐文章于 2024-07-19 22:22:29 发布

酒菡

最新推荐文章于 2024-07-19 22:22:29 发布

阅读量162

点赞数

分类专栏： #HTML 文章标签：学习 html vscode

本文链接：https://blog.csdn.net/qq_62779007/article/details/124150353

版权

#HTML 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单进阶</title>
</head>

<body>
    <h1>表单进阶-复选框(多选)</h1>
    <div>
    <div>爱好</div>
    <div>
    <div>
    <input type="checkbox" name="aaa">打游戏
    <input type="checkbox" name="aaa">喝酒
    <input type="checkbox" name="aaa">泡吧
    </div>   
    </div>
        
        <h1>技术</h1>
        <div>
        <div>
        <input type="checkbox" name="bbb">html    
        <input type="checkbox" name="bbb">css    
        <input type="checkbox" name="bbb">js    
        </div>

        <div>
        <div>截图<div/>
        <input type="file">    
        <div/>
            
            <div>
            <!--<div>图片按钮</div>-->
            <div><input type="image" src="../img/1.jpg"><div/>
            </div>
                
                <div>
                    <div>隐藏</div>
                <div><input type="hidden" value="带给后端的信息"></div>
                </div>
                
                <div>
                <div>禁用,只读</div>
                <div>
                    <button disabled="disabled ">注册</button>
                    <br>
                    <input type="radio" disabled="disabled">不满意
                       <br>
                    <input type="text" disabled="disabled" value="11111">
                    <br>
                    <input type="text" readonly="readonly" value="22222">
                </div>
                </div>
    </div>
    </div>
</body>
</html>