博主信息
博文 3
粉丝 0
评论 0
访问量 2442
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
表单的布局以及使用
阿老李的博客
原创
763人浏览过

出差表单布局代码如下:

实例

<!DOCTYPE html>
<html>
	<head>
		<title>表单</title>
		<mate charset="utf-8">
	</head>
	<body>
		<style type="text/css">
			table{
				border-collapse:collapse;
				width:800px;
				height:750px;
				margin:20px auto;
			/*	text-align:center;*/
			}
			table caption{
				font-size:60px;
				font-weight:bolder;
				color:#888;
				margin-bottom:20px;
			}
			table,th,td{
				border:1px solid black;			
			}	
			#id1{
				width:680px;
				height:30px;
			}
			table tr td img {
				padding: 5px;
				border-radius: 20px;
			}	

		</style>
		<table>
			<caption>出差报表</caption>
			<tr height="20px">
				<th>申请人</th>
				<th>
					<input type="text" name="department" value="">
				</th>
				<th>所属部门</th>
				<th>
					<input type="text" name="department" value="">
				</th>
				<th width="100px">职务</th>
				<th>
					<input type="text" name="department" value="">
				</th>
			</tr>
			<tr>
				<td>出差开始日期</td>
				<td>
					<input type="text" name="department" value="">
				</td>
				<td>出差截止日期</td>
				<td>
					<input type="text" name="department" value="">
				</td>
				<td>出差地点</td>
				<td>
					<input type="text" name="department" value="">
				</td>
			</tr>
			<tr height="20px" >
				<td>出差天数:</td>
				<td id="id1" colspan="5">
					<input id="id1" type="text" name="department" value="">
				</td>	
			</tr>	
			<tr height="120px">
				<td>出差事由说明</td>
				<td id="id1"colspan="5">
					<input width="680" height="100px"type="text" name="department" value="">
			</tr>
			<tr height="20px" >
				<td>交通方式:</td>
				<td id="id1" colspan="5">
					<input type="checkbox" name="car[]" value="火车">火车
					<input type="checkbox" name="car[]" value="汽车">汽车
					<input type="checkbox" name="car[]" value="飞机">飞机
					<input type="checkbox" name="car[]" value="轮船">轮船
				</td>	
			</tr>
			<tr height="20px" >
				<td>乘坐时间:</td>
				<td id="id1" colspan="5"></td>
			</tr>
			<tr height="40px">
				<td >出差预算</td>
				<td colspan="5">
					交通费:火车:
					<input type="text" name="train" value="">元;
					汽车:
					<input type="text" name="car" value="">元;
					火车加汽车:
					<input type="text" name="train and car" value="">元;
				</td>
			</tr>
			<tr height="30">
				<td rowspan="3">上级主管审批</td>
				<td colspan="5">
					<input type="radio" name="radio1" value="" checked>
				</td>
		    </tr>
			<tr height="90">
				<td width="170px" colspan="5">
				</td>
			</tr>
			<tr height="30">
				<td  colspan="5"></td>
			</tr>
			<tr height="30">
				<td rowspan="3">CEO审批</td>
				<td colspan="5">
				<input type="radio" name="radio3" value="" checked>
			</td>
			</tr>
			<tr height="90">
				<td colspan="5">
					<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2829504491,66856296&fm=27&gp=0.jpg"width="100px">
				
				</td>
			</tr>
			<tr height="30">
				<td  colspan="5"></td>
			</tr>
		</table>
	</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

1.png

问题1:为什么学习php要学习html

因为html和php是相关的,前端跟服务器后端一起配合起来肯定是事办公倍的,所以要学会前端,不然前端的代码完全就看不懂了,所以前端后端都要学习,这个是必须的,前端要努力学,后端要加倍努力的学。这样才能学好php。

问题2:为什么选择PHP开发动态网站?

因为个人觉得php是目前开发网站最快的语言。一个字就是快。不用多说。快准狠


批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学