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

<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. round(x[, n]) ： 四舍五入

    >>> round(12.3) 12.0 >>> round(12.5) 13.0 >>> round(12.36) 12.0 >>& ...

  2. zepto源码学习-01-整体感知

    在公司一直做移动端的项目,偶尔会做点PC端的东西,但基本上都是和移动端打交道. 移动端嘛必须上zepto,简单介绍下Zepto:它是一个面向高级浏览器的JavaScript框架的,实现JQuery的大 ...

  3. POJ 1404 I-Keyboard (DP)

    http://poj.org/problem?id=1404 题意 :手机上的要发短信的话,“我”字需要先按一下9键,再按3下6键,所以,现在想要重新布局每个键上的字母数,让最后的那个值最小,也就是说 ...

  4. 【转】DCX （数独-八皇后问题）

    还没学会,先转了再说.. 出处:http://grenet.cnblogs.com/ 跳跃的舞者,舞蹈链(Dancing Links)算法--求解精确覆盖问题   精确覆盖问题的定义:给定一个由0-1 ...

  5. Altium Designer 常用快捷键总结

    原理图:1:按住shift  拖动某个元件,可快速复制.2:按住鼠标滚轮 鼠标上下滑动 放大缩小.3:按住Ctrl 按住鼠标右键 鼠标上下滑动也放大缩小.4:按住Ctrl 拖动某个元件 可以移动位置 ...

  6. Android UI性能优化详解

    设计师,开发人员,需求研究和测试都会影响到一个app最后的UI展示,所有人都很乐于去建议app应该怎么去展示UI.UI也是app和用户打交道的部分,直接对用户形成品牌意识,需要仔细的设计.无论你的ap ...

  7. jdk1.7升级到jdk1.8后出错: [ERROR] javadoc: warning - Multiple sources of package comments found for package

    from: http://blog.joda.org/2014/02/turning-off-doclint-in-jdk-8-javadoc.html [ERROR] javadoc: warnin ...

  8. [转] Manacher算法详解

    转载自: http://blog.csdn.net/dyx404514/article/details/42061017 Manacher算法 算法总结第三弹 manacher算法,前面讲了两个字符串 ...

  9. C# 操作 Word 修改word的高级属性中的自定义属性

    为 Microsoft Word 创建自动化客户端 启动 Visual Studio .NET. 在文件菜单上,单击新建,然后单击项目.从 Visual C# 项目类型中选择 Windows 应用程序 ...

  10. （转载）四种常见的 POST 提交数据方式

    (转载)http://www.imququ.com/post/four-ways-to-post-data-in-http.html HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS ...