HTML&CSS基础学习笔记1.25-input标签的选择文件和隐藏元素
来源:互联网 发布:java构造方法的重载 编辑:程序博客网 时间:2024/05/17 05:22
选择文件
<input>标签的[type]属性值为"file"时,表示文件选择控件,右侧的页面添加了一个文件选择控件,您可以尝试为网页添加一个文件。
我们可以用这个标签来实现上传头像,上传附件等功能。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="index.css"> <title>表单</title></head><body><form action="/" method="get"> <h2>input标签 -- 选择文件</h2> <p><input type="file" id="file"/></p></form></body></html>
这段代码就可以实现(伪)文件上传选择的功能:
隐藏元素
有时候我们编写前端代码的时候,可能需要把一些数据告诉后台,但是这些数据又不想让用户看到,我们可以设置<input>标签的[type]属性为"hidden"。
<input>的[type]属性值为"hidden"表示隐藏输入域。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="index.css"> <title>表单</title></head><body><form action="/" method="get"> <h2>input标签 -- 隐藏元素</h2> <p><input type="hidden" id="hidden"/></p></form></body></html>
看看这段代码,是不是有个东西不见了??
更多学习内容,就在码芽网http://www.mayacoder.com/lesson/index
0 0
- HTML&CSS基础学习笔记1.25-input标签的选择文件和隐藏元素
- HTML&CSS基础学习笔记1.26-input标签重置表单
- HTML&CSS基础学习笔记1.24-input标签的单选与多选
- html学习 - 元素隐藏/显示和input隐藏
- html+css基础2(标签选择,分页,行和块元素)
- Html+CSS input type=file 文件标签的美化
- HTML&CSS基础学习笔记1.27-input提交数据
- HTML+CSS基础课程学习笔记-第二章 HTML标签
- html和CSS学习笔记(2):标签和html文件基本结构
- HTML/CSS简记-隐藏input的边框
- html css隐藏input的file特性
- HTML学习笔记之一(input文件选择框的封装)
- CSS学习笔记01-块元素和内联元素.html
- HTML:Input元素标签的详细介绍
- CSS学习笔记:HTML元素和CSS盒子
- HTML&CSS基础学习笔记1.33-元素选择器
- HTML&CSS基础学习笔记1.19-DIV标签1
- HTML&CSS基础学习笔记1.20-DIV标签2
- POJ 2892 Tunnel Warfare
- JDBC简单学生管理系统
- Mac 下 移动硬盘只读解决方案
- 坐标转换以及碰撞检测
- Uva 10815 c++ stl 之set 输入流
- HTML&CSS基础学习笔记1.25-input标签的选择文件和隐藏元素
- 汇编
- 我的WCF数据服务(三)胜利
- Android view之点赞容易,取消不易
- 编译工具链制作神器 - crosstool-ng
- js前台传递json字符串数组到后台有后台转换成list集合或其他格式的问题解决
- ZooKeeper常见问题整理
- 小红书安卓客户端技术演进之路
- picasso