<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">

		<title>Regist</title>

	</head>

	<body>

		<h3 align="center">注册页面</h3>

		<form action="emailtop.html" method="get">

		<table align="center" border="1px" width="350px">

			<tr height="50px" >

				<td width="80px" align="center">用户名</td>

				<td colspan="3" align="center">

					<input type="text" name="username" id="username" value="" placeholder="邮箱，手机" />

				</td>

			</tr>

			<tr height="50px" align="center">

				<td>密码</td>

				<td colspan="3">

					<input type="password" name="pwd" id="pwd" value="" />

				</td>

			</tr>

			<tr height="50px" align="center">

				<td>性别</td>

				<td colspan="3">

					男<input type="radio" name="sex" id="" value="1" checked />

					女<input type="radio" name="sex" id="" value="0" />

				</td>

			</tr>

			<tr height="50px" align="center">

				<td>爱好</td>

				<td colspan="3">

					看书<input type="checkbox" name="hobby0" id="" value="0"  />

					看报<input type="checkbox" name="hobby1" id="" value="1" />

					看电视<input type="checkbox" name="hobby2" id="" value="2" />

					学习<input type="checkbox" name="hobby3" id="" value="3" checked />

				</td>

			</tr>

			<tr height="50px" align="center">

				<td>籍贯</td>

				<td colspan="3">

					<select name="born">

						<option value="0">请选择</option>

						<option value="1" selected="">山东</option>

						<option value="2">河北</option>

						<option value="3">山西</option>

					</select>

				</td>

			</tr>

			<tr height="50px" align="center">

				<td>生日</td>

				<td colspan="3">

					<input type="date" name="bithday" id="bithday" value="" />

				</td>

			</tr>

			<tr height="100px" align="center" >

				<td rowspan="3">介绍</td>

				<td colspan="3" rowspan="3">

					<textarea name="desc" rows="15" cols="35"></textarea>

				</td>

			</tr>

			<tr height="50px">

			</tr>

			<tr height="50px">

			</tr>

			<tr height="50px" align="center">

				<td>手机号</td>

				<td colspan="3">

					<input type="number" name="phone" id="phone" value="" />

				</td>

			</tr>

			<tr height="50px" align="center">

				<td>第几周</td>

				<td colspan="3">

					<input type="week" name="week" id="week" value="" />

				</td>

			</tr>

			<tr height="50px" align="center">

				<td>上传文件</td>

				<td colspan="3">

					<input type="file" name="file" id="file" value="" />

				</td>

			</tr>

			<tr height="50px" align="center">

				<td colspan="4">

					<!--具有提交表单中数据的作用-->

					<input type="submit" name="" id="" value="提交" />

					<!--普通的按钮可以响应某系事件-->

					<input type="button" name="" id="" value="OK"  onclick="alert('你好')"/>

					<!--重置表单中的内容 一般不建议使用-->

					<input type="reset" name="" id="" value="重置" />

				</td>

			</tr>

		</table>

		</form>

	</body>

</html>

　　

实训篇-Html-表单练习的更多相关文章

  1. [AngularJS] AngularJS系列(3) 中级篇之表单验证

    目录 基本验证 验证插件messages 自定义验证 基本验证 <form name="form" novalidate ng-app> <span>{{f ...

  2. vue.js基础知识篇(7):表单校验详解

    目录 网盘 第12章:表单校验 1.npm安装vue-validator $ npm install vue-validator 代码示例: var Vue=require("vue&quo ...

  3. 基于hi-nginx的web开发（python篇）——表单处理和文件上传

    hi-nginx会自动处理表单,所以,在hi.py框架里,要做的就是直接使用这些数据. 表单数据一般用GET和POST方法提交.hi-nginx会把这些数据解析出来,放在form成员变量里.对pyth ...

  4. angularjs学习第五天笔记（第二篇：表单验证升级篇）

    您好,我是一名后端开发工程师,由于工作需要,现在系统的从0开始学习前端js框架之angular,每天把学习的一些心得分享出来,如果有什么说的不对的地方,请多多指正,多多包涵我这个前端菜鸟,欢迎大家的点 ...

  5. spring boot 学习(七)小工具篇：表单重复提交

    注解 + 拦截器:解决表单重复提交 前言 学习 Spring Boot 中,我想将我在项目中添加几个我在 SpringMVC 框架中常用的工具类(主要都是涉及到 Spring AOP 部分知识).比如 ...

  6. 第四篇 HTML 表单深入了解、注释和a标签的运用

    表单深入了解.注释和a标签的运用 注释,HTML中的注释格式: 开头  <!--  结束 -->   例子: <!-- <div>我被注释了</div>  - ...

  7. 第三篇 HTML 表单及表格

    表单及表格 表单,常用在登录.注册等地方,这也是一个最基本的.   我们就用登录,来学习什么是表单!   表单 form 标签,在某些好用的编辑工具,比如:WebStorm  你在上面写出form再按 ...

  8. 第十篇 Form表单

    Form表单 阅读目录(Content) Form介绍 普通的登录 使用form组件 Form那些事儿 常用字段演示 校验 使用Django Form流程 补充进阶 应用Bootstrap样式 批量添 ...

  9. 逆袭之旅DAY14.东软实训.Oracle.多表连接、分组函数、子查询

    2018-07-10 08:29:55 思考应用场景 异常数据的测试 6．显示能挣得奖金的雇员的姓名.工资.奖金,并以工资和奖金降序排列.select ename,sal,commfrom empWH ...

  10. AnjularJS系列2 —— 表单控件功能相关指令

    第二篇,表单控件功能相关指令. ng-checked控制radio和checkbox的选中状态 ng-selected控制下拉框的选中状态 ng-disabled控制失效状态 ng-multiple控 ...

随机推荐

  1. [MAUI 项目实战] 音乐播放器（二）：播放内核

    播放控制服务 IMusicControlService: 播放控制类,用于当前平台播放器对象的操作,对当前所播放曲目的暂停/播放,下一首/上一首,快进快退(寻迹),随机.单曲模式等功能的控制. 播放控 ...

  2. .vscode\settings.json .gitignore 项目文件配置

    一.项目本地新增配置文件: .vscode\settings.json {   // editor   "editor.formatOnSave": true,   "e ...

  3. 使用ScottPlot库在.NET WinForms中快速实现大型数据集的交互式显示

    前言 在.NET应用开发中数据集的交互式显示是一个非常常见的功能,如需要创建折线图.柱状图.饼图.散点图等不同类型的图表将数据呈现出来,帮助人们更好地理解数据.发现规律,并支持决策和沟通.本文我们将一 ...

  4. stm32 中断处理函数注意事项

    一 前记 最近在公司的一个项目中碰到一个解决了定位很久的 bug , bug 找到的时候发现犯了很低级的错误--在中断处理函数中调用了 printf 函数,因为中断处理函数的调用了不可重入函数,导致接 ...

  5. Ubuntu 16.04 LAMP（PHP7.0） 环境搭建并测试

    PS:要转载请注明出处,本人版权所有. PS: 这个只是基于<我自己>的理解, 如果和你的原则及想法相冲突,请谅解,勿喷. 前置说明   本文作为本人csdn blog的主站的备份.(Bl ...

  6. 云化XR，如何助力产业升级

    XR(Extended Reality)是指借助计算机图形技术和可穿戴设备所生成的一个真实与虚拟组合的.可人机交互的环境.XR中的"X"只是一个变量,可以代表任何字母,包括VR(V ...

  7. python高级技术（网络编程二）

    一 粘包现象(基于TCP协议实现远程执行命令) 1.TCP协议,会出现粘包现象 例:ipconfig命令,客户端收到的字符串比较短,客户端能够收完整, tasklist命令,客户端收到的字符串超过10 ...

  8. ARouter路由解析

    目录介绍 01.原生跳转实现 02.实现组件跳转方式 2.1 传统跳转方式 2.2 为何需要路由 03.ARouter配置与优势 04.跨进程组件通信 4.1 URLScheme 4.2 AIDL 4 ...

  9. 为什么延迟删除可以保证MYSQL 与redis的一致性？

    看过很多保持MYSQL 与redis保持一致性的文章都提到了延迟删除,其实脱离任何业务场景的设计都是不切实际的,所以我会本着一个通用的读写场景去分析为什么延迟删除大概率可以保证MYSQL与redis的 ...

  10. 记录--居中为什么要使用 transform？

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 引言 居中是我们在前端布局中经常会遇到的问题,其中包括水平居中和垂直居中.居中的方法很多,比如说水平居中可以使用text-align: c ...