html的标签可以分为：

　　块级标签：div(白板），H系列（加大加粗，H1—H7，字体一般逐渐变小，一般用作标题），p标签（段落之间有间距）

　　行内标签：span(白板）

此外，标签之间是可以嵌套的。为何存在标签，是为了实现css和js操作（后续会学到）。

input系列的标签：

　　input type="text" 　　　　 　

　　　　　　 ---name属性 value属性 （用于输入文本数据，输入框是固定的大小）

　　input type="password" 　　　

　　　　　　 ---name属性 value属性 （用于输入密码）

　　input type="submit" 　　　 　

　　　　　　 --- value属性 （用于提交）

　　input type="button" 　　　　

　　　　　　  --- value属性 （只是按钮的功能）

　　input type="radio" 　　　 　　

　　　　　　---单选框 value，checked="checked"(表示默认的属性) ，name属性（name相同表示互斥）

　　input type="checkbox" 　　　

　　　　　　 ---复选框 value，checked="checked"(表示默认的属性) ，name属性（name相同批量获取数据）

　　input type="file" 　　　　 　

　　　　　　 ---value属性，需要依赖form表单的一个属性，enctype="multipart/form-data"

　　input type="reset" 　　　　 　

　　　　　　 ---重置数据

　　<textarea>默认值<textarea/>

　　　　　　---通过传递name属性，可以将文本上传，与input type="text"稍微有差异，就是其文本框会根据输入文本的大小进行适配。

　　select 标签　　　　　　　　

　　　　　　 ---name，可以实现下拉菜单的选择。option value="1"，可以根据value提交到后台，同时可以根据设置size来显示菜单个数，multiple可以实现多个选择。通过selected="selected"可以实现默认值选择。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <h1>

        个人信息调查表

    </h1>

    <form enctype="multipart/form-data">

        <div>

            <p>请选择城市：</p>

                <select name="city">

                    <option value="1">杭州</option>

                    <option value="2" selected="selected">西安</option>

                    <option value="3">上海</option>

                    <option value="4">深圳</option>

                </select>

            <p>请选择性别：</p>

            男：<input type="radio" name="gender" value="1" />

            女：<input type="radio" name="gender" value="2" />

            <p>请选择爱好：</p>

            篮球：<input type="checkbox" name="favor" value="1"/>

            足球：<input type="checkbox" name="favor" value="2"/>

            羽毛球：<input type="checkbox" name="favor" value="3"/>

            <p>请选择文件：</p>

            <input type="file" value="filename"/>

            <p>请输入：</p>

                <textarea name="text">asd</textarea>

        </div>

        <input type="submit" value="提交"/>

        <input type="reset" value="重置"/>

    </form>

</body>

</html>

　　



　　
												


											
html的标签分类————可以上传的数据篇的更多相关文章
	

    
								
  1. 使用Hue上传hive数据
		
    大概逻辑是先上传hdfs数据,然后创建hive外部表,关联到hdfs上传数据的位置. 截图比较概要,但是用起来很简单 1.创建路径和上传文件 2.创建外部表
    
		
    2. 
						
  2. bootstrap上传表单的时候上传的数据默认是0　一定要小心
		
    bootstrap上传表单的时候上传的数据默认是0 一定要小心
    
		
    3. 
						
  3. HttpApplication实战大文件上传 (第四篇)
		
    一.Asp.net中的文件上传 在Asp.net 1.1中,文件在上传过程中将被全部保存在内存中,对于大文件来说,会造成内存空间的过度使用,可能会招致恶意攻击.为了解决这个问题,Asp.net在配置文 ...
    
		
    4. 
						
  4. Thinkphp5+PHPExcel实现批量上传表格数据功能
		
    http://www.jb51.net/article/129262.htm 1.首先要下载PHPExcel放到vendor文件夹下,我的路径是:项目/vendor/PHPExcel/,把下载的PHP ...
    
		
    5. 
						
  5. 上传RNA-seq数据到NCBI GEO数据库
		
    SRA - NCBI example - NCBI 要发文章了,审稿时编辑肯定会要求你上传NGS测序数据. 一般数据都是放在集群,不可能放在个人电脑上,因为有的数据大的吓人(几个T). 所以我们就建一 ...
    
		
    6. 
						
  6. Android 本地tomcat服务器接收处理手机上传的数据之案例演示
		
    上一篇:Android 本地tomcat服务器接收处理手机上传的数据之环境搭建     本篇基于上一篇搭建的服务器端环境,具体介绍Android真机上传数据到tomcat服务器的交互过程   场景:A ...
    
		
    7. 
						
  7. 使用cmd命令行方式登录ftp上传下载数据
		
    部分用户在使用ftp工具登录空间上传下载过程中经常会遇到各种问题,如主动模式,被动模式,以及其他导致无法登陆ftp .上传数据.下载数据的问题,这时候不妨使用一下命令行方式.命令行下可以避免很多由于f ...
    
		
    8. 
						
  8. 2、网络并发编程--套接字编程、黏包问题、struct模块、制作简易报头、上传文件数据
		
    昨日内容回顾 面向对象复习(json序列化类) 对象.类.父类的概念 三大特性:封装 继承 多态 双下开头的方法(达到某个条件自动触发) __init__:对象实例化自动触发 __str__:对象执行 ...
    
		
    9. 
						
  9. MVC  手机端页面 使用标签file 图片上传到后台处理
		
    最近刚做了一个头像上传的功能,使用的是H5 的界面,为了这个功能搞了半天的时间,找了各种插件,有很多自己都不知道怎么使用,后来只是使用了一个标签就搞定了:如果对样式没有太大的要求我感觉使用这个就足够了 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. js深度复制三种方法
			
    1.用递归的方式进行深度复制 2.用JSON.stringify加上JSON.parse()进行深度复制 3.用jquery中自带的方法$.extend()进行深度复制 具体实现代码可百度自行查询
    
			
    2. 
						
  2. nginx配置ssl证书实现https访问
			
    一,环境说明 服务器系统:ubuntu16.04LTS 服务器IP地址:47.89.12.99 域名:bjubi.com 二,域名解析到服务器 在阿里云控制台-产品与服务-云解析DNS-找到需要解析的 ...
    
			
    3. 
						
  3. 企业IT管理员IE11升级指南【12】—— 兼容视图列表介绍
			
    企业IT管理员IE11升级指南 系列: [1]—— Internet Explorer 11增强保护模式 (EPM) 介绍 [2]—— Internet Explorer 11 对Adobe Flas ...
    
			
    4. 
						
  4. LeetCode题解39.Combination Sum
			
    39. Combination Sum Given a set of candidate numbers (C) (without duplicates) and a target number (T ...
    
			
    5. 
						
  5. #Java学习之路——基础阶段（第十篇）
			
    我的学习阶段是跟着CZBK黑马的双源课程,学习目标以及博客是为了审查自己的学习情况,毕竟看一遍,敲一遍,和自己归纳总结一遍有着很大的区别,在此期间我会参杂Java疯狂讲义(第四版)里面的内容. 前言: ...
    
			
    6. 
						
  6. [Swift]LeetCode232. 用栈实现队列 | Implement Queue using Stacks
			
    Implement the following operations of a queue using stacks. push(x) -- Push element x to the back of ...
    
			
    7. 
						
  7. [Swift]LeetCode643. 子数组最大平均数 I | Maximum Average Subarray I
			
    Given an array consisting of n integers, find the contiguous subarray of given length k that has the ...
    
			
    8. 
						
  8. [Swift]LeetCode668. 乘法表中第k小的数 | Kth Smallest Number in Multiplication Table
			
    Nearly every one have used the Multiplication Table. But could you find out the k-th smallest number ...
    
			
    9. 
						
  9. Npoi简单读写Excel
			
    什么是NPOI ? 简而言之,NPOI就是可以在没有Office的情况下对Word或Excel文档进行读写等操作. 使用方式 : 1.准备NPOI的dll文件 下载链接:https://npoi.co ...
    
			
    10. 
						
  10. Redis  设计与实现 （五）--多机数据库的实现
			
    多机数据库的实现 一.复制 slaveof  主服务器ip地址.形成主从关系. 1.同步  从向主服务器发送sync命令.  主服务器收到sync命令执行bgsave,生成rdb文件,缓冲区同时记录从 ...
    
			
    11.