[前端] 点击按钮切换输入方式:粘贴or上传文件

更多技术文章请访问我的博客园账户:点击这里

那边会更新有关生物信息学java Web统计学理论和一些杂七杂八的记录:)

leetcode刷题记录争取日更(github):点击这里


问题描述

在添加订单的弹窗中增加两个按钮,点击“直接输入”弹出粘贴框;点击“上传文件”,弹出文件上传组件。

点击“直接输入”:清空按钮能清空输入内容,数目后面的数字随输入行数变化。

点击“上传文件”:

知识总结

1. 使用style="display:none"来隐藏元素,使用style="display:block"来显示属性。

2. textarea边框阴影的消除用 style="outline:none;"

解决方案

1.html

2. js

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容