选择文件
<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"表示隐藏输入域。
这种类型的输入标签是看不见的，但是是真实存在的。这个不可见的标签的 [value] 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话，可以使用这种类型的<input>标签。
- <!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
- 大小: 50.7 KB
- 大小: 3.5 KB
分享到：
相关推荐
学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...
HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS ...
CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 HeadFirst HTML&CSS学习笔记HeadFirst HTML&CSS学习笔记 Head...
css的笔记学习html&css的笔记学习html&css的笔记 学习html&css的笔记学习html&css的笔记学习html&css的笔记 学习html&css的笔记学习html&css的笔记学习html&css的笔记 学习html&...
10. **表单（Forms）**：`<form>`、`<input>`、`<textarea>`、`<select>`等元素用于用户交互和数据收集。 CSS的基础知识涵盖： 1. **选择器与声明**：CSS通过选择器（如元素名、类名、ID名）选中HTML元素，并用声明...
本资源为【html + css 学习笔记整理.zip】，是一份专为希望深入学习HTML和CSS的用户准备的实用资料。它涵盖了从基础到进阶的知识点，包括HTML的基本结构、常用标签及其属性，以及CSS的核心概念如选择器、盒模型、...
尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用，小编自己整理的李立超老师视频的笔记，手打不易，那就望您每年快乐吧。逃） 一、进制 1.十进制（日常使用）： 特点：满10进1 计数：0 1 ...
学习CSS时，会接触到选择器（如元素选择器、类选择器、ID选择器），属性（如color、font-size、background-color），以及盒模型（包括内边距、边框和外边距）。浮动（float）和定位（position）是CSS布局中的关键...
《Head First HTML&cSS 学习笔记》是一套极具特色的学习资料，它基于同名畅销书籍《Head First HTML与CSS》，通过生动有趣的方式帮助初学者掌握HTML和CSS的基础知识。该资源不仅提供了详尽的笔记内容，还包含了丰富...
在Web开发中，`<input type="file">` 元素被广泛用于让用户选择文件进行上传。然而，默认情况下，不同浏览器提供的文件输入框样式存在差异，这不仅影响了用户体验的一致性，还可能与网站的整体设计风格不匹配。因此...
《Head First HTML&CSS》是一本由Eric Freeman和Elisabeth Robson编写的经典教材，旨在为读者提供一种直观、高效的学习方式，深入浅出地讲解HTML和CSS的基础与高级应用。这本书之所以受到广泛赞誉，不仅在于其内容的...
这份“HTML&CSS的思维导图笔记”无疑是对这两个核心技术的全面梳理，对于初学者和进阶者都是极好的学习资源。 HTML是网页内容的结构语言，它定义了网页的基本元素，如标题、段落、图片、链接等。HTML由一系列的标签...
HTML 和 CSS 是构建网页内容和样式的两大核心技术。HTML（HyperText Markup Language）是一种标记语言，用于描述网页的结构和内容。CSS（Cascading Style Sheets）则负责控制网页的呈现样式，包括颜色、字体、布局等...
html----HTML+CSS基础教程(课件PPT版)----介绍HTML和CSS的基础知识。学习HTML基础语法、标签、CSS基础语法和选择器，以及它们的基本用法。
创建后编辑标签快速设置与Vuex一起使用小尺寸：最小34kb（包括CSS）| 压缩9kb 自动补全许多定制选项自己的模板删除退格上的标签在粘贴上添加标签范例与文件安装NPM npm install @johmun/vue-tags-inputCDN [removed...
尚硅谷的课程可能涵盖了HTML的基本标签用法，CSS的选择器和布局模式，以及JavaScript的基础语法和DOM操作。通过笔记和实例的实践，你可以逐步理解并掌握这些概念，从而从零开始建立起前端开发的能力。 在实际应用中...
HTML和CSS是构建网页的基础，它们分别负责网页的结构和表现。HTML（HyperText Markup Language）是超文本标记语言，它的主要任务是描述网页的结构，就像人体的骨架一样，为网页提供基本框架。HTML使用一系列标签来...
解压后，你可以看到源代码文件，这些文件包括但不限于HTML、ASP、JavaScript、CSS以及可能的数据库连接文件（如DBF或SQL），它们共同构成了Gallery4U系统的运行基础。 对于开发者而言，研究ASP源码可以深入了解ASP...
它着重于网页设计的基础元素，特别是使用HTML结构和CSS样式来构建网页。 描述部分揭示了这个压缩包包含的具体内容： 1. **网站注册页面**：这通常涉及到HTML表单元素如`<input>`，`<label>`，`<button>`等，以及...