表单进阶(3)-上传文件和隐藏字段

上传文件:<input type="file">

隐藏字段:<input type="hidden" name="" id="" value="带给后端的信息">

禁用disabled:<button disabled="disabled">注册</button>

只读readonly: <input type="text" readonly value="只读">

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>上传文件</title>
</head>
<body>
    <div>
        <div>请上传文件</div>
        <div>
            <!-- 上传文件 -->
            <input type="file" name="">
        </div>
    </div>

    <div>
        <div>图片按钮-代替提交按钮样式(input type="submit")</div>
        <form action="">
            <!-- 上传文件 -->
            <input type="image" src="OIP-C.jpg" >
        </form>
    </div>

    <div>
        <div>隐藏按钮</div>
        <input type="hidden" name="" id="" value="带给后端的信息">
    </div>

    <div>
        <div>禁用disabled,只读readonly</div>
        <div>
            <button disabled="disabled">注册</button>
            <br>
            <input type="radio" disabled>不满意

            <br>
            <input type="text" disabled value="11111111">
            <input type="text" readonly value="只读">
        </div>
    </div>
</body>
</html>
相关推荐
一只小青团2 小时前
Python之面向对象和类
java·开发语言
qq_529835353 小时前
ThreadLocal内存泄漏 强引用vs弱引用
java·开发语言·jvm
景彡先生3 小时前
C++并行计算:OpenMP与MPI全解析
开发语言·c++
LuciferHuang4 小时前
震惊!三万star开源项目竟有致命Bug?
前端·javascript·debug
GISer_Jing4 小时前
前端实习总结——案例与大纲
前端·javascript
天天进步20154 小时前
前端工程化:Webpack从入门到精通
前端·webpack·node.js
量子联盟4 小时前
原创-基于 PHP 和 MySQL 的证书管理系统,免费开源
开发语言·mysql·php
姑苏洛言5 小时前
编写产品需求文档:黄历日历小程序
前端·javascript·后端
知识分享小能手5 小时前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
姑苏洛言5 小时前
搭建一款结合传统黄历功能的日历小程序
前端·javascript·后端