<body><!--表单--><form action="" method="post"><!--文本类--><input type="text" value="" placeholder="请输入用户名"/><!--文本框--><input type="password" value="默认文字"/><!--密码框--><textarea>默认文字</textarea><!--文本域--><input type="hidden" value="默认文字"/><!--隐藏域--><br /><br /><!--按钮类--><input type="button" value="确定"/><!--普通按钮--><input type="submit"  /><!--提交按钮--><input type="reset" /><!--重置按钮--><input type="image" src="aaa/0019.jpg"/><!--图片按钮,效果同提交按钮--><input type="file" /><!--上传按钮--><br /><br /><!--选择类--><input type="radio" name="sex" checked="checked" id="nan" value="1"/><!--单选按钮--><label for="nan">男</label><input type="radio" name="sex" id="nv" value="0"/><label for="nv"><img src="aaa/women.png"/></label><br /><input type="checkbox" name="bao" id="bao1" value="1"/><!--多选按钮--><label for="bao1">香辣鸡腿堡</label><input type="checkbox" name="bao" value="2"/>劲脆鸡腿堡<input type="checkbox" name="bao" value="3"/>深海鳗鱼堡<input type="checkbox" name="bao" value="4"/>新奥尔良鸡腿堡<input type="checkbox" name="bao" value="5"/>半鸡半虾堡<br /><select><!--下拉框--><option value="001">小学</option><option value="002">初中</option><option value="003">高中</option><option value="004">专科</option><option value="005">本科</option></select><br /></form>
</body>

表单:
<form action="" method="get/post" >
<input type="text"/>
....
</form>

表单元素:12个

文本类
<input type="text" value=""/> - 文本框
<input type="password" value=""/>- 密码框
<textarea></textarea> - 文本域
<input type="hidden"/> - 隐藏域

按钮类
button - 普通按钮
submit - 提交按钮
reset - 重置按钮
image - 图片按钮 = 提交按钮

选择类
radio - 单选按钮

checkbox - 复选按钮

<select> - 下拉列表
<option></option>
</select>

file - 文件选择

转载于:https://www.cnblogs.com/zqyyx/p/8331474.html

【2018-01-22】HTML-表单及表单元素相关推荐

  1. 2018/01/22 爬虫日记

    20171024 ①导入自定义的模块(如类),需要在当前类作导入 类的引用声明,如self.tool = tool.Tool() 20171025 ①正则表达式:两个<><>之 ...

  2. 使用哈希函数:H(k)=3k MOD 11,并采用链地址法处理冲突。试对关键字序列(22,41,53,46,30,13,01,67)构造哈希表,求等概率情况下查找成功的查找长度,并设计构造哈希表

    使用哈希函数:H(k)=3k MOD 11 ,并采用链地址法处理冲突. 试对关键字序列(22,41,53,46,30,13,01,67)构造哈希表, 求等概率情况下查找成功的查找长度,并设计构造哈希表 ...

  3. MySQL 单表,多表,子查询知识

    目录 MySQL常见的建表约束(重要) Mysql数据查询语言(最重要) 一.单表查询 1.基本查询(后缀都是统一为from 表名) 2.排序(所谓升序和降序都是从上往下排列) 3.聚合函数 4.分组 ...

  4. 第三章 表单与表单元素

    学习目标 理解表单的作用 理解表单与表单元素的关系 掌握表单标签及其属性 掌握各种表单元素标签及其属性 在Web网页中,浏览者经常需要与Web服务器进行数据交互.当浏览者需要填写数据并将这些数据发送到 ...

  5. mysql 单表多级查询_mysql单表与多表查询

    单表查询 """ 增: insert [into] [数据库名.]表名[(字段1[, ..., 字段n])] values (数据1[, ..., 数据n])[, ... ...

  6. mysql数据库:mysql增删改、单表、多表及子查询

    一.数据增删改 二.单表查询 三.正表达式匹配 四.多表查询 五.子查询 一..数据增删改 增加   insert [into] 表名[(可选字段名)] values(一堆值1),(一堆值2),... ...

  7. php取雅加达时间,2018年雅加达亚运会电竞赛程表 8月电子竞技比赛时间一览

    2018年世界杯世界足球赛事已经过去有一个月时间了,如今迎来了同样备受关注的体育盛事,雅加达亚运会,在今年的雅加达亚运会上,有一件具有突破性意义的赛事,那就是电子竞技作为表演赛项目参与.更为有幸的是腾 ...

  8. python 全栈开发,Day62(外键的变种(三种关系),数据的增删改,单表查询,多表查询)...

    一.外键的变种(三种关系) 本节重点: 如何找出两张表之间的关系 表的三种关系 一.介绍 因为有foreign key的约束,使得两张表形成了三种了关系: 多对一 多对多 一对一 二.重点理解如果找出 ...

  9. 数据库一对多做链接去重_数据库单表查询-多表查询

    """ 1.字段修改 alter modify alter change alter add ''|first|after alter drop 2.表关系: 一对一:外 ...

  10. day44 数据库单表查询-多表查询

    目录 复习 今日内容 单表查询 连表查询 复习 """ 1.字段修改alter modifyalter changealter add ''|first|afteralt ...

最新文章

  1. linux表示逻辑分区的标号,在Linux系统的设备文件中,代表第2个SCSI硬盘的第1个逻辑分区的设备文件是()。...
  2. Homebrew--MacOSX下的套件管理器
  3. div中的内容水平垂直居中
  4. 神经网络不应视为模型,推理过程当为机器学习问题一等公民
  5. 惠普台式计算机系列,惠普发布设计笔记本、设计台式电脑等Z系列产品
  6. c语言调用android surface,Android GUI SurfaceFlinger
  7. 终于有人把用户画像的流程、方法讲明白了
  8. 程序阅读理解题目(高中语文版,附答案)
  9. undefined与null
  10. 1、XML 简介,2、JSON 教程
  11. 关于重分类工具的其他讨论
  12. 挑选32 2K显示器
  13. 樱花大战资源分析之二 SPR文件格式不完全分析
  14. cookie模拟登陆淘宝
  15. linux下chm文件制作,自己动手将在线文档制作成CHM文件
  16. My97datepicker时间控件的简单使用
  17. CorelDRAW2020下载使用教程详解
  18. C++类和C结构体类型的异同
  19. 292. Nim 游戏(简单题)
  20. (软件工程)-- 总体设计报告

热门文章

  1. Linux下getsockopt/setsockopt 函数说明
  2. 用js 判断datagrid 中的 checkbox 是否被选中
  3. ORB_SLAM2中的Sim3变换
  4. java 文件压缩 解压_Java文件压缩与解压缩(一)
  5. android json转db,Android Room:将json结果转换为db对象的有效方法
  6. python反转字符串_python翻转字符串
  7. 网络推广恶意点击js_昆明百度推广电话方法(百度推广)按效果付费_有效商机咨询...
  8. 怎么用python找论文_如何利用Python绘制学术论文图表方法
  9. java 前端基础知识_【计算机·知识】关于前端的计算机基础知识
  10. c语言程序计算bmi指数,计算BMI的程序怎么写