<!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. Metasploitable3 渗透测试

    1.信息手机阶段 信息收集经常使用的软件 功能也比较强大的Nmap Nmap nmap -p- -sS -sV -n -v --reason --open -oX demon.xml 192.168. ...

  2. vscode 格式化 vue 和 js代码 vetur prettier beautify

    这个文档 不涉及eslint 只专注自动格式化 格式化个性化需求: js中 自动去分号 js中 双引号变单引号 最大空换行数 是2 vue template中 属性自动折行 vue 的自动格式化 需要 ...

  3. [win10] 开始-设置 / 右键-显示设置 / 右键个性化 等都不好使了。。 ms-settings:display

    现象: 各种win10自带的都打不开了. 发现: 最近总是断网,重启下就好了,然后点击网络,就一直出不来.后来发现所有win10的窗口都出不来了.控制面板等等. 解决:好消息是最后解决了.坏消息是没有 ...

  4. vxe table columns 要用data里的值，用computed的值会导致排序部分不好用。

    vxe table columns 要用data里的值,用computed的值会导致排序部分不好用.

  5. linux 无法找到“/usr/bin/core_perl/gcc” vscode

    解决问题的思路 查看有没有gcc,没有安装 有的话就是,修改安装路径就可以? "/usr/bin/core_perl/gcc".修改成Gcc的绝对路径 我的修改是./usr/bin ...

  6. 安装VMware——Unable to install all modules.See log /tmp/vmware-han/vmware-6098.log for detalls.(Exit code 1)的解决方法（模块加载失败）

    这是编译失败的原因在VM社区有这样一种解决方案,亲测有效,帮助我自己解决的麻烦,所有在这分享,希望能够帮助到小伙伴:不要被接下来的代码吓倒因为这是github上项目,所以要先在ubuntu上安装git ...

  7. 基于stm32H730的解决方案开发之SD卡的读写调试

    一 概述 在嵌入式小系统领域,SD卡存储是一个非常重要的功能.可从难度上,它又是非常难的.因为它涉及到两个大的功能点,一个是文件系统,这个难度非一般.另外一个是sd卡的底层驱动.涉及到的接口多,所以也 ...

  8. 三维模型3DTile格式轻量化的纹理压缩和质量关系分析

    三维模型3DTile格式轻量化的纹理压缩和质量关系分析 在三维模型的3DTile格式轻量化处理中,纹理压缩是一个重要环节.但是,纹理压缩和模型质量之间存在明显的关系需要权衡.以下是纹理压缩和模型质量关 ...

  9. window-命令行操作

    window命令行操作 调起命令行-win+r输入cmd 网络探活 ping www.baidu.com 快捷启动应用 打开记事本 notepad 打开画图 mspaint 打开计算器 calc 命令 ...

  10. 记录--面试官：“你知道什么情况下 HTTPS 不安全么”

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 面试官:"HTTPS的加密过程你知道么?" 我:"那肯定知道啊." 面试官:"那你知道什 ...