没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
应用 HTML5 表单属性实现多文件上传
S
truts2 多文件上传是 struts2 基础应用的一种简单实现。而如今 HTML5 这么火,你有没有
那种冲动来通过这个简单的小例子操练一下 HTML5 表单属性实现呢?
实习无事,专研了 srtuts2。顺便看了一下午 HTML。完成了下面这个小例子。强大的表单
属性真的削减不少代码!
关键词:multiple,required,autocomplete , placeholder , autofocus .
<body>
<h3>HTML5 新属性应用</h3>
<form action="muf" enctype="multipart/form-data" method="post" >
<input type="file"
<input name=flag
<input type="image"
<br>
<input type="image" src="img/upload.png" width="88" height="40"/>
</form>
</body>
1 Multiple:实现多文件上传时点击一次“浏览”选中多张图(做的传图片例子)。传统方法是
写上一排 le,然后一张一张选中图片,特别麻烦。只需在 input 里写上 multiple
就可以
了 。 ( 一 切 功 能 实 现 在 最 新 版 谷 歌 浏 览 器 上 , 下 午 测 试 的 火 狐 不 能 实 现 points 和
autofocus)
2 Required:在 le input 里加上这个单词后,你就无法上传空文件了。你还为抛异常做判
断发愁吗?记住这个单词 required。
3 Autocomplete:是不是在传图片时成功上传一张图片后,点击浏览器的“后退”,再次点
击“上传”依然可以传这张图片?那就把 le 里加上 autocomplete="off" input 里不再有
原图地址。再次上传就传不上去东西了。当然设置成 on 就会显示之前输入的信息。
4 Placeholder:用法 placeholder=”
您期待的内容
” 能够在 input 里透明化显示引号里的
字,有时写一些提示性文字挺重要的。
资源评论
- xzhoujun2013-05-26功能一般,基本够用!
- Hotzenplotz2016-10-08不错,虽然没用上但有借鉴意义
- bufu20052014-05-05正好项目有用到。收藏了
huoqiangtianshi
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功