选择文件
<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 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS 学习笔记 Head First HTML&CSS 学习笔记Head First HTML&CSS ...
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元素，并用声明...
尚硅谷（李立超）——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用，小编自己整理的李立超老师视频的笔记，手打不易，那就望您每年快乐吧。逃） 一、进制 1.十进制（日常使用）： 特点：满10进1 计数：0 1 ...
HTML和CSS是构建和设计网页的基础技术。HTML（超文本标记语言）负责网页内容的结构，而CSS（层叠样式表）则负责网页内容的呈现。在现代网页开发中，它们的作用不可或缺，无论是简单的个人博客还是复杂的商业网站，都...
在Web开发中，`<input type="file">` 元素被广泛用于让用户选择文件进行上传。然而，默认情况下，不同浏览器提供的文件输入框样式存在差异，这不仅影响了用户体验的一致性，还可能与网站的整体设计风格不匹配。因此...
《Head First HTML&CSS》是一本由Eric Freeman和Elisabeth Robson编写的经典教材，旨在为读者提供一种直观、高效的学习方式，深入浅出地讲解HTML和CSS的基础与高级应用。这本书之所以受到广泛赞誉，不仅在于其内容的...
这份“HTML&CSS的思维导图笔记”无疑是对这两个核心技术的全面梳理，对于初学者和进阶者都是极好的学习资源。 HTML是网页内容的结构语言，它定义了网页的基本元素，如标题、段落、图片、链接等。HTML由一系列的标签...
在CSS（层叠样式表）的学习中，基础知识是构建网页美观和功能性的基石。这篇学习笔记将引导我们深入了解CSS的基本概念、选择器、盒模型、布局方式以及样式优先级等核心知识点。 首先，我们从CSS的基本概念开始。CSS...
HTML 和 CSS 是构建网页的基本元素，它们之间紧密协作，决定了网页的结构和样式。下面将详细解释这些知识点。 1. **<!doctype>** 的作用：`<!DOCTYPE>` 是用来声明文档类型和版本的，它告诉浏览器应按照哪个HTML或...
### 零基础HTML+CSS+DIV笔记分享 #### HTML基础知识与规范 1. **标签名和属性名必须小写**：为了保持代码的一致性和兼容性，HTML5规范建议所有的标签名和属性名都使用小写字母。这样做有助于提高代码的可读性和...
本学习笔记将深入探讨CSS的核心概念、选择器、盒模型、布局方式以及响应式设计等多个方面，帮助读者全面理解和掌握CSS技术。 一、CSS基础 CSS的基本结构包括选择器和声明块。选择器用于指定要应用样式的元素，如`p...
创建后编辑标签快速设置与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>`等，以及...