表单练习（回顾）

最新推荐文章于 2022-01-08 20:52:53 发布
最新推荐文章于 2022-01-08 20:52:53 发布
阅读量80 收藏
点赞数
原文链接：http://www.cnblogs.com/airuhanbing/p/6107910.html
版权

思维导图：

 

课表代码：

<body>
	<table width="600" border="1" align='center' bordercolor="blue" rules='all'>
		<caption><b>课程表</b></caption>
		<tr>
			<th>项目</th>
			<th colspan="6">上课</th>
			<th>休息</th>
		</tr>
		<tr>
			<th>星期</th>
			<th>星期一</th>
			<th>星期二</th>
			<th>星期三</th>
			<th>星期四</th>
			<th>星期五</th>
			<th>星期六</th>
			<th>星期天</th>
		</tr>
		<tr>
			<td rowspan='4'>上午</td>
			<td>语文</td>
			<td>数学</td>
			<td>化学</td>
			<td>计算机</td>
			<td>语文</td>
			<td>数学</td>
			<td rowspan='4' align='center'>休息</td>
		</tr>
		<tr>
			 
			<td>数学</td>
			<td>语文</td>
			<td>英语</td>
			<td>体育</td>
			<td>高数</td>
			<td>物理</td>
		 
		</tr>
		<tr>
			 
			<td>生物</td>
			<td>人体研究</td>
			<td>人体艺术</td>
			<td>基因交流</td>
			<td>表演</td>
			<td>演讲</td>
			 
		</tr>
		<tr>
			 
			<td>语文</td>
			<td>数学</td>
			<td>化学</td>
			<td>高数</td>
			<td>历史</td>
			<td>地理</td>
	 
		</tr>
		<tr>
			<td colspan='8' align='center' bgcolor='#ccc'>午休</td>
		</tr>
		<tr>
			<td rowspan='2'>下午</td>
			<td>化学</td>
			<td>英语</td>
			<td>数学</td>
			<td>高数</td>
			<td>语文</td>
			<td>计算机</td>
			<td rowspan='2' align="center">休息</td>
		</tr>
		<tr>
	 
			<td>体育</td>
			<td>语文</td>
			<td>化学</td>
			<td>体育</td>
			<td>计算机</td>
			<td>英语</td>
		</tr>
		<tr>
			<td colspan='8'>总计：</td>
		 
		</tr>
	</table>
</body>

运行结果：

 

表单：

代码：

<body>
<form action='index.php' method='post'>
 <table align='center'  width='900' border='1'  bgcolor='#b4b4b4' cellspacing='0'cellpadding='1' >
    <tr bgcolor='#ccc'>
        <td colspan='3' bgcolor='#7f7f7f'><b>1.会员登陆名和密码</b></td>
    </tr>
    <tr>
        <td align='right'>用户名：</td>
        <td  colspan='2'>
            <input type='text' name='username' />
            <font size='1' color='red'>*</font>
            <input type='button' value='检测用户名' />
            <font size='1' color='blue'>5-15位，请使用英文字母（a-z;A-Z）数字（1~9）</font>
        </td>
    </tr>
    <tr>
        <td align='right'>密　码：</td> 
        <td>
            <input type='password' name='pwd' />    
        </td>
        <td>
            <table cellspacing='0'cellpadding='0'>
                <tr>
                    <td><font size='1' color='red'>*</font>    </td>
                    <td><font size='1' color='blue' >5-15位，请使用英文字母（a-z;A-Z）数字（1~9）;注意区分大小写；<br>
            密码不能与登陆名相同；易记；难猜……
            </font></td>
                </tr>
            </table>
        </td>     
    </tr>
    <tr>
        <td align='right'>再次输入密码：</td>
        <td colspan='2'>
            <input type='password' name='pwd' />
            <font size='1' color='red'>*</font>
            <font size='1' color='blue'>两次输入的密码必须一致</font>
        </td>     
    </tr>
    <tr bgcolor='#ccc'>
        <td colspan='3' bgcolor='#7f7f7f'><b>2.姓名和联系方式</b></td>
    </tr>
    <tr>
        <td align='right'>真实姓名：</td>
        <td colspan='2'>
            <input type='text' name='zhengming' />
            <font size='1' color='red'>*</font>
            男:<input type='radio' name='sex' value='男' />
            女:<input type='radio' name='sex' value='女' />
        </td>
    </tr>
    <tr>
        <td align='right'>电子邮箱：</td>
        <td><input type='text' name='email' /></td>
        <td>
            <table cellspacing='0' cellpadding='0'>
                <tr>
                    <td><font size='1' color='red'>*</font></td>
                    <td><font size='1' color='red'>非常重要！</font><br>
                    <font size='1' color='blue'>这是客户与您联系的首选方式；请一定填写真实</font>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td align='right'>固定电话：</td>
        <td colspan='2'>
            <input type='text' name='tel' />
            <font size='1' color='red'>*</font><font size='1' color='blue'>区号+电话号码</font>
        </td>
     
    </tr>
    <tr>
        <td align='right'>公司所在地址：</td>
        <td colspan='2'> 
            <select name='address'>
                <option value='#'>　北京</option>
                <option  value='#'>上海</option>
                <option  value='#'>广州</option>
                <option  value='#'>深圳</option>
            </select>
                <select name='address'>
                <option value='#'>东城</option>
                <option  value='#'>海淀</option>
                <option  value='#'>朝阳</option>
            </select>
        </td>     
    </tr>
    <tr>
        <td align='right'>街道地址：</td>
        <td colspan='2'>
            <input type='text' name='chuanzhen' size='50' />
            <font color='red'>*</font><font size='1' color='blue'>填写县（区）、街道、门牌号</font>
        </td>
    </tr>
    <tr>
        <td align='right'  width='130'>传真号码：</td>
        <td width='180'><input type='text' name='chuanzhen' /></td>
    </tr>
    <tr>
        <td align='right'>电话号码：</td>
        <td><input type='text' name='dhhm' /></td>
    </tr>
    <tr>
        <td align='right'>邮政编码：</td>
        <td ><input type='text' name='yzbm' /></td>
    </tr>
    <tr bgcolor='#ccc'>
        <td colspan='3' bgcolor='#7f7f7f'><b>3.公司名称和主营业务</b></td>
    </tr>
    <tr>
        <td align='right'>贵公司名称：</td>
        <td>
            <input type='text' name='companyname' />
        </td>
        <td>
            <table cellspacing='0' cellpadding='0'>
                <tr>
                    <td><font size='1' color='red'>*</font></td>
                    <td><font size='1' color='blue'>请填写在工商局注册的名称；<br>无商号的个体经营者填写执照上的姓名，如张三（个体经营）</font></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td align='right'>您的职位：</td>
        <td colspan='2'>
            <input type='text' name='companyname' />
            <font size='1' color='red'>*</font>
        </td>
         
    </tr>
    <tr>
        <td align='right'>固定电话：</td>
        <td colspan='2'>
            <input type='text' name='tel' />
            <font size='1' color='red'>*</font><font size='1' color='blue'>区号+电话号码</font>
        </td>
         
    </tr>
    <tr>
        <td align='right'>主营行业：</td>
        <td colspan='2'> 
            <select name='gougou'>
                <option  value='#'>电子电工</option>
                <option  value='#'>服装经营</option>
                <option  value='#'>娱乐</option>
                <option  value='#'>旅游</option>
            </select>
            <font size='1' color='blue'>请正确选择，您会收到该行业的供求信息</font>
        </td>
    </tr>
    <tr>
        <td align='right'>主营产品/服务：</td>
        <td colspan='2'>
            <input type='text' name='tel' size='40' />
            <font size='1' color='red'>*</font><font size='1' color='blue'>3个主要产品名/服务名，最少要填一个，例如：太阳能、拉链、布料</font>
        </td>
    </tr>
    <tr>
        <td align='right'>公司网址：</td>
        <td colspan='2'><input type='text' name='tel' size='40' value='http://' /></td>
     
    </tr>
    <tr>
        <td></td>
        <td colspan='2' bgcolor='#7f7f7f'><input type='image' src='submit.png' /></td>
    </tr>
    <tr>
        <td colspan='3' align='center'><b>备注:<font color='red'>*</font>为必填项</b></td>
    </tr>
 </table>
 </form>
</body>

运行结果：

转载于:https://www.cnblogs.com/airuhanbing/p/6107910.html

weixin_30511107
关注
HTML（2）表单制作练习
qq_43409855的博客
02-19 746
HTML（2）表单制作练习 第二个HTML练习，更加巩固了以学的知识，在练习的过程中不太熟悉标签熟悉的运用，要经常回顾已学的知识，这样才能做到熟练。持续发力，做个酷girl！ ...
小米商城实战练习.rar
02-03
良好的注释可以帮助其他开发者更快地理解代码逻辑，同时也是自我学习和回顾的好帮手。 总的来说，通过这个“小米商城实战练习”，学习者能够提升HTML结构设计能力，掌握CSS美化和布局技巧，了解JavaScript和jQuery...
form.html（表单练习）
07-22
表单练习，账号text，密码password，性别单选框radio，爱好多选框checkbox，地址下拉列表select，文本域textarea，提交按钮submit
表单练习
Mr_Envelope的博客
11-07 308
表单练习 练习尝试做一个B站登录页面，具体代码如下。 CSS reg.css .clearfix::after{ content: ""; display: block; clear: both; } .form{ width: 980px; margin: 1em auto; } .form h2{ width: 100%; te...
表单练习一
静心学习、耐心沉淀
08-05 513
html> html lang="cn"> head> meta charset="UTF-8"> title>表单信息title> head> body> h1>信息统计h1> 使用ctrl+/可以快速进行注释，使用ctrl+shift+/可以快速进行块注释--> 表单必须要有name属性才能正常发送--> 、action填写发送的目的地址，met
表单作业练习
qq_45901759的博客
08-24 444
一、完成效果 二、代码段 <form action="formfr.php" method="GET"> <table bgcolor="#f2f2f2" align="center" width="500px"> <tr > <td align="right">姓名：</td> <td align="left"><input
Validator验证框架 回顾ActionForm的表单验证,掌握Validator验证框架.zip
最新发布
03-29
本教程将通过回顾ActionForm的表单验证方式，深入探讨如何有效地掌握Validator验证框架。 ActionForm是早期ASP.NET MVC框架中用于处理表单提交的类，它包含了验证逻辑，但随着技术的发展，现在更多地推荐使用...
net架构练习题
03-04
根据提供的信息，《.NET架构》练习题主要涵盖了HTML与CSS的基础知识及应用技巧。下面将对这些题目中的知识点进行详细解析： ### 1\. 块级元素与内联元素 - **问题**: 以下HTML元素哪个是块级元素？ - A. `<span>`...
计算机二级vf练习题
09-10
7. **表单与控件**：创建和设计用户界面，理解表单的属性、事件和方法，熟悉各种控件（如按钮、文本框、列表框等）的使用。 8. **报表设计**：制作复杂的打印输出，包括数据的统计、计算和格式化，使用条件表达式...
html表单小练习
10-16
html表单小练习，各种表单类型，本人自己做的小练习，对初学者有作用
bootstrap表单页面练习
11-30
基于bootstrap框架的练习。提供效果图，素材，知识点介绍ppt。完整页面、既能练习整体布局，又能练习表单知识点。正是好材料啊。只要1分哦
form表单练习
weixin_45725778的博客
01-08 572
问题一：下拉列表中的请选择一个问题如何设置？ 答： <option value="none" selected disabled hidden>请选择</option> 问题二：个人介绍如何从文本域的左下角移动到左上角？ <style> textarea{ vertical-align: top; } </style> 问题三：如何将左对齐改为列表对齐？ 代码如下： ...
表单练习题
y261214的博客
10-17 599
使用学习到的表单标签，制作如下表单页面 工具：HBuilder X 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body{ border:3px ...
【HTML】表单练习
QiuBika_061的博客
12-21 668
编码实现如下图表： 代码： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt...
制作表单练习
qq_46178261的博客
02-14 1072
制作如图所示表单 1.完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...
表格，表单（练习）
setsunadoudou的博客
09-11 229
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{...
HTML表单简单练习
weixin_33863087的博客
03-16 443
代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表单</title> </head> <body bgcolor="deepskyblue"&...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值