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. hadoop基础操作
			
    通过hadoop上的hive完成WordCount 启动hadoop Hdfs上创建文件夹 上传文件至hdfs 启动Hive 创建原始文档表 导入文件内容到表docs并查看 用HQL进行词频统计,结果 ...
    
			
    2. 
						
  2. 巧妙设置Texture Type，将ShadowMask内存占用变成之前的1/4
			
    0x00 前言 在这篇文章中,我选择了过去一周Unity官方社区交流群中比较有代表性的几个问题,总结在这里和大家进行分享.同时,也欢迎大家加入我们这个讨论干货的官方技术群,交流看法分享经验. Unit ...
    
			
    3. 
						
  3. [Swift]LeetCode371. 两整数之和 | Sum of Two Integers
			
    Calculate the sum of two integers a and b, but you are not allowed to use the operator + and -. Exam ...
    
			
    4. 
						
  4. [Swift]LeetCode462. 最少移动次数使数组元素相等 II | Minimum Moves to Equal Array Elements II
			
    Given a non-empty integer array, find the minimum number of moves required to make all array element ...
    
			
    5. 
						
  5. 工作随笔—Java容器基础知识分享（持有对象）
			
    1. 概述 通常,程序总是运行时才知道的根据某些条件去创建新对象.在此之前,不会知道所需对象的数量,甚至不知道确切的类型,为解决这个普遍的编程问题:需要在任意时刻和任意位置创建任意数量的对象,所以,就 ...
    
			
    6. 
						
  6. 英语笔记3（git）
			
    备注 一: Staging Modified Files Let’s change a file that was already tracked. (tracked 表示该文件已经被git管理过,再 ...
    
			
    7. 
						
  7. cmd命令窗口的快速选中复制黏贴
			
    右击"窗口标题栏",选择属性,进入属性面板: 在"选项"面板勾选编辑选项下的"快速编辑模式"; 点击确认. 这时鼠标左键就有了选中功能,可以 ...
    
			
    8. 
						
  8. Web系统大规模并发：电商秒杀与抢购-----面试必问
			
    一.大规模并发带来的挑战 在过去的工作中,我曾经面对过5w每秒的高并发秒杀功能,在这个过程中,整个Web系统遇到了很多的问题和挑战.如果Web系统不做针对性的优化,会轻而易举地陷入到异常状态.我们现在 ...
    
			
    9. 
						
  9. Asp.net Core 使用Jenkins + Dockor 实现持续集成、自动化部署（一）：Jenkins安装
			
    2019/1/31更新,经过我一段时间的使用 建议大家的jenkins还是不要使用docker方式安装 建议大家的jenkins还是不要使用docker方式安装 建议大家的jenkins还是不要使用d ...
    
			
    10. 
						
  10. leetcode — remove-duplicates-from-sorted-array
			
    import java.util.Arrays; /** * Source : https://oj.leetcode.com/problems/remove-duplicates-from-sort ...
    
			
    11.