input：文件选择和隐藏

鹤川

发布于 2023-03-21 21:43:13

1.3K0

发布于 2023-03-21 21:43:13

input：文件选择

网页中选择文件，进行上传。比如修改头像时候就用的input标签。

<inputtype="file"enctype="multipart/form-data">

隐藏了的输入框，一般用于form提交传值

<inputtype="hidden">

代码实战

新建 html 文件 17-inputFile.html，编写下方程序，运行看看效果吧

<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
        <title>input标签其他类型</title>
    </head>
  
    <body>
        <formaction="/submit.do"method="get"enctype="multipart/form-data">
            文件选中：<inputname="myfile"type="file"/>
            <inputname="id"type="hidden"value="10000"/>
            <buttontype="submit">提交</button>
        </form>
    </body>
  
</html>

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2023 年 02 月，如有侵权请联系 cloudcommunity@tencent.com 删除

html