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

<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. location.hash 详解

    前年9月twitter改版. 一个显著变化,就是URL加入了"#!"符号.比如,改版前的用户主页网址为 http://twitter.com/username 改版后,就变成了 h ...

  2. Hansight

    http://www.hansight.com/scenarios.html#account

  3. Java缓存--JCS

    添加外部包: jcs-1.3.jar concurrent-10.3.jar cache.cff # optional region "myCache" specific conf ...

  4. UIcollectionView的使用(首页的搭建4)

    2.5 头部视图

  5. easyui源码翻译1.32--Layout（布局）

    前言 使用$.fn.layout.defaults重写默认值对象.下载该插件翻译源码 布局容器有5个区域:北.南.东.西和中间.中间区域面板是必须的,边缘的面板都是可选的.每个边缘区域面板都可以通过拖 ...

  6. MyEclipse中文乱码，编码格式设置，文件编码格式 总结

    一.设置新建常见文件的默认编码格式,也就是文件保存的格式.在不对MyEclipse进行设置的时候,默认保存文件的编码,一般跟简体中文操作系统(如windows2000,windowsXP)的编码一致, ...

  7. ContentLoadingProgressBar不显示问题

    ContentLoadingProgressBar需要设置style 并且在XML中布局的位置必须写在content布局的下面 <?xml version="1.0" enc ...

  8. RESTFul API 一些文章

    http://www.ibm.com/developerworks/cn/web/1103_chenyan_restapi/index.html

  9. C# SerialPort的简单使用

    SerialPort中串口数据的读取与写入有较大的不同.由于串口不知道数据何时到达,因此有两种方法可以实现串口数据的读取.一.线程实时读串口:二.事件触发方式实现.由于线程实时读串口的效率不是十分高效 ...

  10. ASP.NET MVC3细嚼慢咽---(2)模板页

    这一节演示下MVC3中怎样使用模板页,在传统的webform设计模式中,我们使用masterpage作为模板页,在MVC3 razor视图设计中,我们使用另一种方式作为模板页. 新建一个MVC3项目, ...