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

<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. mysql sql灵活运用

    1.mysq获取表的字段及属性 SELECT * FROM information_schema.COLUMNS WHERE table_name = 'item_url'; 2.正则表达式 SELE ...

  2. 汇编中，BP,SP有何区别？分别怎么使用？

    bp寄存器,跟其它什么BX,AX一样的用法, SP是用在栈上的,配合SS使用,像SS:SP SS上放段地址,SP上放偏移地址. 寻址时,像[bp],相当于SS:[bp] 就是说它默认使用SS 像BX默 ...

  3. [水题]Codeforces337A Puzzles

    题目链接 题意:要在m个数里面选n个数, 要求这n个数的差值要最小 题意在hint里很清晰了 这道题从题意到题目本身都没有什么trick 写这道题完全是为了用一下#include <numeri ...

  4. MVC——数据库增删改查(Razor)——Html语法

    一.显示界面 .Models(模板) private MyDBDataContext _context = new MyDBDataContext(); public List<Info> ...

  5. CodeForces 450

    A - Jzzhu and Children Time Limit:1000MS     Memory Limit:262144KB     64bit IO Format:%I64d & % ...

  6. 宣布正式发布 Azure 媒体服务内容保护服务

    Mingfei Yan Azure媒体服务项目经理 我们非常高兴地宣布正式发布 Azure 媒体服务内容保护服务.这包括 Microsoft PlayReady许可服务和 AES明文密钥交付服务!此外 ...

  7. Oracle to_char格式化函数

    转:http://www.cnblogs.com/reborter/archive/2008/11/28/1343195.html Postgres 格式化函数提供一套有效的工具用于把各种数据类型(日 ...

  8. （转载） mysql中，option是保留字段么？

    (转载)http://book.77169.org/101/50364.htm update thread set active=0,option='lock',manager='书生' where ...

  9. selenium1.0和selenium2.0页面等待处理详解

    一.selenium1.0页面等待 1.……AndWait 经常会看到, selenium action命令中很多有这种……AndWait后缀, 例如click和clickAndWait命令: cli ...

  10. Create Dynamic Modal Dialog Form in AdminLTE Bootstrap template

    原文地址 Create modal dialog form in jquery using bootstrap framework, slightly different from the usual ...