表单进阶(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>
相关推荐
不想上班只想要钱5 分钟前
vue3+vite创建的项目,运行后没有 Network地址
前端·javascript·vue.js
小白学大数据16 分钟前
实战:Python爬虫如何模拟登录与维持会话状态
开发语言·爬虫·python
一念&19 分钟前
每日一个C语言知识:C 结构体
c语言·开发语言
流***陌23 分钟前
手办盲盒抽赏小程序前端功能设计:兼顾收藏需求与抽赏乐趣
前端·小程序
岁月宁静1 小时前
在富文本编辑器中封装实用的 AI 写作助手功能
前端·vue.js·人工智能
金士顿1 小时前
为什么MainWindow.xaml绑定的datacontext,EtherCATSuiteCtrl.xaml直接用了?
前端
锦***林1 小时前
用 Python 写一个自动化办公小助手
开发语言·python·自动化
533_1 小时前
[css] flex布局中的英文字母不换行问题
前端·css
浮游本尊1 小时前
React 18.x 学习计划 - 第四天:React Hooks深入
前端·学习·react.js
future_studio2 小时前
聊聊 Unity(小白专享、C# 小程序 之 日历、小闹钟)
前端·html