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. Lock、ReentrantLock、ReentrantReadWriteLock区别
			
    Lock Lock相比于synchronized具有更强大的功能,在jdk1.6之前,锁竞争激烈的情况下使用lock的实现类ReentrantLock甚至比synchronized具有更好的性能,1. ...
    
			
    2. 
						
  2. #Java学习之路——基础阶段（第十篇）
			
    我的学习阶段是跟着CZBK黑马的双源课程,学习目标以及博客是为了审查自己的学习情况,毕竟看一遍,敲一遍,和自己归纳总结一遍有着很大的区别,在此期间我会参杂Java疯狂讲义(第四版)里面的内容. 前言: ...
    
			
    3. 
						
  3. [Swift]LeetCode897. 递增顺序查找树 | Increasing Order Search Tree
			
    Given a tree, rearrange the tree in in-order so that the leftmost node in the tree is now the root o ...
    
			
    4. 
						
  4. [Swift]LeetCode974. 和可被 K 整除的子数组 | Subarray Sums Divisible by K
			
    Given an array A of integers, return the number of (contiguous, non-empty) subarrays that have a sum ...
    
			
    5. 
						
  5. iOS学习——（转）多线程
			
    转载自:iOS多线程全套:线程生命周期,多线程的四种解决方案,线程安全问题,GCD的使用,NSOperation的使用 一.多线程的基本概念 进程:可以理解成一个运行中的应用程序,是系统进行资源分配和 ...
    
			
    6. 
						
  6. webpack的基本配置项
			
    const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin& ...
    
			
    7. 
						
  7. JVM内存知识备忘
			
    又是一篇备忘... 主要记录一些知识,进行一些资源的汇总. 先来群里liufor大大提供的两张图,清晰易懂: Dockerized Java https://www.youtube.com/watch ...
    
			
    8. 
						
  8. Python Matplotlib.pyplot plt 中文显示
			
    话不多说,上代码 # -*- coding: UTF-8 -*- import matplotlib.pyplot as plt from matplotlib.font_manager import ...
    
			
    9. 
						
  9. JVM基础系列第14讲：JVM参数之GC日志配置
			
    说到 Java 虚拟机,不得不提的就是 Java 虚拟机的 GC(Garbage Collection)日志.而对于 GC 日志,我们不仅要学会看懂,而且要学会如何设置对应的 GC 日志参数.今天就让 ...
    
			
    10. 
						
  10. Netty(二) 从线程模型的角度看 Netty 为什么是高性能的？
			
    前言 在之前的 SpringBoot 整合长连接心跳机制 一文中认识了 Netty. 但其实只是能用,为什么要用 Netty?它有哪些优势?这些其实都不清楚. 本文就来从历史源头说道说道. 传统 IO ...
    
			
    11.