表单进阶(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>
相关推荐
jingling555几秒前
CSS进阶 | 不用一行JS!用纯CSS打造会动的现代化单页应用(3D翻转卡片)
前端·javascript·css
你的电影很有趣3 分钟前
lesson76:Vue.js 核心特性详解:事件处理、计算属性与侦听器
javascript·vue·1024程序员节
没有bug.的程序员25 分钟前
Spring Boot 起步:自动装配的魔法
java·开发语言·spring boot·后端·spring·1024程序员节
面向星辰1 小时前
windows配置hadoop环境
java·开发语言
温宇飞1 小时前
浏览器路由系统的一种实践
前端
重铸码农荣光1 小时前
JavaScript 变量声明:从 var 到 let/const 的进化与深思
javascript
老前端的功夫2 小时前
Vue 插槽深度解析:从基础到高级架构设计
前端
Elieal2 小时前
Java的Collection 集合体系详解
java·开发语言
pre_lee2 小时前
vue2响应式原理
前端
小奶包他干奶奶2 小时前
如何使用vscode和express开发node.js
前端·node.js