HTML选择不同选项上传到不同的文件夹

HTML选择不同选项上传到不同的文件夹,第1张

是为这个选项框添加一个javascript事件函数,对选项框作出选择就会触发事件,在事件函数里根据选项的不同决定跳转的地址。

选项框选择时先不跳转,点击提交的时候才进行跳转,这个需要在提交按钮上添加一个提交前事件,同样是javascript,在javascript函数里实现跳转。

第三种是动态web,在form里指定一个action,跳转到一个处理页面上,在这个页上通过获取request的请求参数来决定跳转到哪个地址。

HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言

HTML是由Web的发明者 Tim BernersLee和同事 Daniel WConnolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。

用HTML编写的超文本文档称为HTML文档,它能独立于各种 *** 作系统平台UNIX, Windows等,使用HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件翻译成可以识别的信息,即现在所见到的网页。

1、首先将html的网页需要上传的内容整理出来,保存到一个文件夹里。

2、其次准备好需要上传的文件。

3、最后将需要上传的所有文件拖到上传的界面就可以上传了。

可以设置一下html中的accept属性以实现上传文件类型的筛选,accept 属性只能与 <input type="file">配合使用。它规定能够通过文件上传进行提交的文件类型。

工具原料:编辑器、浏览器

1、设置一个文件上传选项,删选一下只能上传图片或者详细的限制只能上传图片的某些格式,代码如下:

<!DOCTYPE html>

<html>

<body>

<form action="demo_form.asp">

  <input type="file" name="pic" accept="image/*">

  <input type="submit">

</form>

<p><strong>注释:</strong>Internet Explorer 9 以及更早的版本不支持 input 标签的 accept 属性。</p>

<p><strong>注释:</strong>鉴于安全考虑,该例不允许您上传文件。</p>

</body>

</html>

2、运行的结果是只能上传图片不能上传其他的文件,在d出的上传选择对话框中也会值显示图片,如下图:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11833554.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存