当作最近没怎么敲代码的练手把

<html>

	<head><title>LAMP学员基本信息</title></head>

	<body>

		<table align="center" width="500" border="0" cellpadding="2" cellspacing="0">

			<caption align="center"><h2>LAMP学员基本信息</h2></caption>

			<form action="server.php" method="post">

				<tr>	<!--  使用输入域定义姓名输入框 --->

					<th>姓名：</th>

					<td ><input type="text" name="username" size="20" /></td>

				</tr>

				<tr>     <!-- 使用单选按钮域定义性别输入框 -->

					<th>性别：</th>

					<td>

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

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

						<input type="radio" name="sex" value="3" />保密

					</td>

				</tr>

				<tr>	<!--  使用下拉列表域定义学历输入框  -->

					<th>学历：</th>

					<td>

						<select name="edu">

							<option>--请选择--</option>

							<option value="1">高中</option>

							<option value="2">大专</option>

							<option value="3">本科</option>

							<option value="4">研究生</option>

							<option value="5">其他</option>

						</select>

					</td>

				</tr>

				<tr>	<!-- 使用复选框按钮域定义选修课程输入框 -->

					<th>选修课程：</th>

					<td>

						<input type="checkbox" name="course[]" value="4">Linux

						<input type="checkbox" name="course[]" value="5">Apache

						<input type="checkbox" name="course[]" value="6">Mysql

						<input type="checkbox" name="course[]" value="7">PHP

					</td>

				</tr>

				<tr>	<!-- 使用多行输入框定义自我[评价输入框 -->

					<th>自我评价：</th>

					<td><textarea name="eval" rows="4" cols="40"></textarea></td>

				</tr>

				<tr>	<!--  定义提交和重置两个按钮-->

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

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

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

					</td>

				</tr>

			</form>

		</table>

	</body>

</html>

很简单的例子 入门的阶段用这例子练手最好。

HTML表单综合实例的更多相关文章

  1. Bootstrap+PHP表单验证实例

    简单实用的Bootstrap+PHP表单验证实例,非常适合初学者及js不熟悉者,还有ajax远程验证 js验证表单 1 $(document).ready(function() { 2 $('#def ...

  2. jQuery-easyui和validate表单验证实例

    jQuery EasyUI 表单 - 表单验证插件validatebox 使用时需要向页面引入两个css文件如下: <link rel="stylesheet" href=& ...

  3. 034——VUE中表单控件处理之使用vue控制radio表单的实例操作

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. jquery-4 完整表单验证实例

    jquery-4 完整表单验证实例 一.总结 一句话总结:在form的jquery对象中返回false即可终止表单提交. 1.验证的显示错误消息如何布局? 开始时隐藏,出现错误后显示 10 .erro ...

  5. React 表单元素实例

    代码实例: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" ...

  6. HTML5 web Form表单验证实例

    HTML5 web Form 的开发实例! index.html <!DOCTYPE html> <html> <head> <meta charset=&q ...

  7. JavaScript表单验证实例

    1. 长度限制<script>function test(){if(document.a.b.value.length>50){alert("不能超过50个字符!" ...

  8. HTML表格表单综合——用户注册表

    今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XH ...

  9. 纯原生javascript下拉框表单美化实例教程

    html的表单有很强大的功能,在web早期的时候,表单是页面向服务器发起通信的主要渠道.但有些表单元素的样式没办法通过添加css样式来达到满意的效果,而且不同的浏览器之间设置的样式还存在兼容问题,比如 ...

随机推荐

  1. csdn搜索技巧

    由于CSDN下载资源高级搜索,只能显示10页分页,所以我们换种方法去搜索csdn的资源. 第10页以后没了. 在百度框里面输入如下: jquery site:download.csdn.net 图:

  2. 李洪强iOS开发之-环信05_EaseUI 使用指南

    李洪强iOS开发之-环信05_EaseUI 使用指南 EaseUI 使用指南 简介 EaseUI 封装了 IM 功能常用的控件(如聊天会话.会话列表.联系人列表).旨在帮助开发者快速集成环信 SDK. ...

  3. dojo自定义Widget

    使dojo AMD规范进行widget 定义,开始的时候一直找不到自己定义的widget模块的位置,经过探索,总算有收获,我这个人有毛病,脑子里不允许有一些想不通的问题,一旦有了问题,就非常难受,心里 ...

  4. html5 鼠标跟随运动

    <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8& ...

  5. proc 文件系统调节参数介绍

    /proc/net/* snmp文件 Ip: ip项 Forwarding        : 是否开启ip_forward,1开启,2关闭 DefaultTTL       : IP默认ttl. In ...

  6. BZOJ2348: [Baltic 2011]Plagiarism

    2348: [Baltic 2011]Plagiarism Time Limit: 1 Sec  Memory Limit: 256 MBSubmit: 304  Solved: 141[Submit ...

  7. ECC校验优化之路

    引子: 今天上嵌入式课程时,老师讲到Linux的文件系统,讲的重点是Linux中对于nand flash的ECC校验和纠错.上课很认真地听完,确实叹服代码作者的水平. 晚上特地下载了Linux最新的内 ...

  8. oracle rac scan ip 用途 原理

    Oracle 11G R2 RAC增加了scan ip功能,在11.2之前,client链接数据库的时候要用vip,假如你的cluster有4个节点,那么客户端的tnsnames.ora中就对应有四个 ...

  9. 基于WebForm+EasyUI的业务管理系统形成之旅 -- 构建Web界面(Ⅴ)

    上篇<基于WebForm+EasyUI的业务管理系统形成之旅 -- 数据统计>,主要介绍系统数据统计所采用图形.报表工具. 本篇将如何构建Web界面以及新增.编辑.导出数据等功能. 一.在 ...

  10. 对 Linux 专家非常有用的 20 个命令

    原文链接:http://www.oschina.net/translate/20-advanced-commands-for-linux-experts?from=20130811 对中级 Linux ...