input:文件选择和隐藏

2023-03-21 21:43:13 浏览数 (2)

input:文件选择

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

代码语言:javascript复制
<inputtype="file"enctype="multipart/form-data">

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

代码语言:javascript复制
<inputtype="hidden">

代码实战

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

代码语言:javascript复制
<!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>

0 人点赞