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. IPython绘图和可视化---matplotlib
			
    1. 启动 IPython 2. >> fig = plt.figure() >> ax1 = fig.add_subplot(346)          # 将画布分割成3行 ...
    
			
    2. 
						
  2. Mesos源码分析(11): Mesos-Master接收到launchTasks消息
			
    根据Mesos源码分析(6): Mesos Master的初始化中的代码分析,当Mesos-Master接收到launchTask消息的时候,会调用Master::launchTasks函数.   v ...
    
			
    3. 
						
  3. 值得收藏！！javascript数组中多条对象去重方式，很实用！！！
			
    在数组中都是数字的时候很好去重,例如:var  arr=[1,2,2,2,3,4,5,4,5,3,6]:可以用两层for循环或者其他方式进行去重 我在这里也给出一个方法吧: Array.prototy ...
    
			
    4. 
						
  4. CSS怎么在项目里引入自定义字体(@font-face)
			
    前言: 以前我一直用内置的默认字体给文字设置字体,直到一天UI妹纸给了我下面的字体    当时我是蒙蔽的,这个字体的效果如下 默认字体并无该字体,直接设置是没有效果的,这时就需要用到自定义字体了 下面 ...
    
			
    5. 
						
  5. [Swift]LeetCode335. 路径交叉 | Self Crossing
			
    You are given an array x of n positive numbers. You start at point (0,0) and moves x[0] metres to th ...
    
			
    6. 
						
  6. [Swift]LeetCode461. 汉明距离 | Hamming Distance
			
    The Hamming distance between two integers is the number of positions at which the corresponding bits ...
    
			
    7. 
						
  7. Python内置函数(22)——float
			
    英文文档: class float([x]) Return a floating point number constructed from a number or string x. If the  ...
    
			
    8. 
						
  8. Android 开发工具类 18_NetWorkUtil
			
    检测网络的一个工具包: 1.网络是否可用: 2.判断是否有网络连接: 3.判断 WIFI 网络是否可用: 4.判断 MOBILE 网络是否可用; 5.获取当前网络连接的类型信息: 6.获取当前的网络状 ...
    
			
    9. 
						
  9. C#2.0 迭代器
			
    迭代器 迭代器模式是和为模式的一种范例,我们访问数据序列中所有的元素,不用关心序列是什么类型.从数据管道中数据经过一系列不同的转换或过滤后从管道的另一端出来. 像数组.集合等已经内置了迭代器,我们可以 ...
    
			
    10. 
						
  10. linux中文件的三种time（atime,mtime,ctime）
			
    linux下文件有3个时间的,分别是atime,mtime,ctime.有些博友对这3个时间还是比较迷茫和困惑的,我整理了下,写下来希望对博友们有所帮助. 1 这三个time的含义 简名 全名 中文名 ...
    
			
    11.