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. thinkphp mysql查询结果为什么全是string问题
			
    找到根目录下的thinkphp\library\think\db\Connection.php 文件 // PDO连接参数 protected $params = [ PDO::ATTR_CASE = ...
    
			
    2. 
						
  2. C#单元测试，带你快速入门
			
    注:本文示例环境 VS2017 XUnit 2.2.0 单元测试框架 xunit.runner.visualstudio 2.2.0 测试运行工具 Moq 4.7.10 模拟框架 为什么要编写单元测试 ...
    
			
    3. 
						
  3. [蓝牙前沿应用] 照明即平台 —— 通过蓝牙增强服务提高照明投资回报率（蓝牙MESH、定位AoA、AoD）
			
      1.照明即平台(LAAP) 随着照明设施向LED转型,他们也在利用类似于蓝牙MESH的技术,创建一个可连接的照明平台,作为他们建筑的中枢神经系统.这些系统除了提供先进的照明控制,还建立了一个增强版 ...
    
			
    4. 
						
  4. FluentDataflow - Fluent Style TPL Dataflow
			
    我的新英文博客文章: FluentDataflow - Fluent Style TPL Dataflow 介绍了本人最新发布的一个开源类库:FluentDataflow--Fluent风格的TPL  ...
    
			
    5. 
						
  5. 实战深度学习（上）OpenCV库
			
    在如今人工智能的浪潮下,无数模拟机器学习和深度学习的开发者工具倍出,其中在计算机图形学和计算机视觉里面最流行的一个库就是OpenCV库了.计算机图形学和计算机视觉学在我们的自动驾驶和仿生机器人当中有着 ...
    
			
    6. 
						
  6. [Swift]LeetCode972.相等的有理数 | Equal Rational Numbers
			
    Given two strings S and T, each of which represents a non-negative rational number, return True if a ...
    
			
    7. 
						
  7. [Swift]LeetCode1014. 最佳观光组合 | Best Sightseeing Pair
			
    Given an array A of positive integers, A[i] represents the value of the i-th sightseeing spot, and t ...
    
			
    8. 
						
  8. linux入门--Linux发行版本详解
			
    从技术上来说,李纳斯•托瓦兹开发的 Linux 只是一个内核.内核指的是一个提供设备驱动.文件系统.进程管理.网络通信等功能的系统软件,内核并不是一套完整的操作系统,它只是操作系统的核心.一些组织或厂 ...
    
			
    9. 
						
  9. spring boot -spring data-redis
			
    //添加依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId> ...
    
			
    10. 
						
  10. mysql逆向生成  java  实体类
			
    import java.io.File; import java.io.FileWriter; import java.io.PrintWriter; import java.sql.Connecti ...
    
			
    11.