<style>
dl{clear:left;}
dt,dd{float:left;}
</style>
<dl>
<dt>test </dt>
<dd>t1 </dd>
</dl>
<dl>
<dt>test2 </dt>
<dd>t2 </dd>
</dl>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>买方-定向采购-发布LNG空车定向采购</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="tinymce.min.js"></script>
</head>
<body>
<style>
.mainMin {
width: 1000px;
margin: auto;
position: relative;
}
.forminfo {
margin: auto;
width: 800px;
height: 30px;
border: 1px solid #F00;
}
.lngfont{
float: left;
size: +;
font-weight: bold;
}
.formstyle{
margin: auto;
width: 600px;
height: 700px;
border: 1px solid #F00;
}
.form{
padding: 20px 60px 30px;
}
.font{ }
.divstyle{
padding-top:20px;
}
.form .text{
width: 300px;
height: 15px;
padding: 8px 10px;
border: 1px solid #c1c1c1;
line-height: 18px;
font-size: 12px;
color: #4d4d4d;
vertical-align: middle;
outline: none;
font-family: "微软雅黑";
} dl{
position: relative;
padding: 10px 40px;
} dt {
float: left;
display:inline;
width: 120px;
line-height: 34px;
color: #;
text-align: right;
}
dd {
float:left;
display:inline;
line-height: 26px;
margin-left:20px;
}
dl{clear:left;} </style>
<div class="forminfo"> <font class="lngfont">发布罐车需求</font> </div>
<div class="formstyle">
<div class="form">
<form id=lngbuyform action="#" method="post">
<dl class="divstyle">
<dt> <font class="font">标题:</font></dt>
<dd>
<input class="text" id="title" name="title" tabindex="" type="text" placeholder="请填写标题">
</dd>
</dl>
<dl class="divstyle">
<dt> <font class="font">空车日期:</font></dt>
<dd>
<input class="text" id="title" name="title" tabindex="" type="text" placeholder="点击选择日期">
</dd>
</dl>
<dl class="divstyle">
<dd>
<label><font class="font">空车地址:</font></label>
<select name="choose" id="choose">
<option value="province" selected="selected">省份</option>
<option value="zhengjiang">浙江省</option>
<option value="yunnang">云南省</option>
<option value="henang">河南省</option>
</select>
</dd>
<dd>
<select name="choose" id="choose">
<option value="city" selected="selected">地级市</option>
<option value="yiwu ">义乌</option>
<option value="shanghai">上海</option>
<option value="河南">河南</option>
</select>
</dd>
</dl>
<dl class="divstyle">
<dd>
<input class="text" id="address" name="address" tabindex="" type="text" placeholder="请填写地址">
</dd>
</dl>
<dl class="divstyle">
<dt> <font class="font">载货量:</font></dt>
<dd>
<input class="text" id="goodsburden" name="goodsburden" tabindex="" type="text" placeholder="载货量">
<font class="font"> 吨</font></dd>
</dl>
<dl class="divstyle">
<dt>
<label><font class="font">空车类型:</font></label>
</dt>
&nbsp;
<dd>
<input name="alreadytruck" type="checkbox" value="待装车" />
&nbsp;<font class="font">待装车</font></dd>
&nbsp;&nbsp;
<dd>
<input name="nottruck" type="checkbox" value="返空" />
<font class="font">返空</font></dd>
</dl>
<dl class="divstyle">
<dt>
<label><font class="font">配送区域:</font></label>
</dt>
&nbsp;
<dd>
<input name="country" type="checkbox" value="全国" />
&nbsp;<font class="font">全国</font></dd>
&nbsp;&nbsp;
<dd>
<input name="direction" type="checkbox" value="填写指定区域" />
<font class="font">填写指定区域</font> </dd>
</dl>
<dl class="divstyle">
<dt> <font class="font">联系人:</font></dt>
<dd>
<input class="text" id="name" name="name" tabindex="" type="text" placeholder="请填写指定区域">
</dd>
</dl>
<dl class="divstyle">
<dt><font class="font">公司名称:</font></dt>
<dd>
<input class="text" id="name" name="name" tabindex="" type="text" placeholder="请填写公司名称">
</dd>
</dl>
<dl class="divstyle">
<dt><font class="font">联系电话:</font></dt>
<dd>
<input class="text" id="name" name="name" tabindex="" type="text" placeholder="请填写联系电话">
</dd>
</dl>
<dl class="divstyle">
<dt> <font class="font">LNG罐车图片:</font></dt>
<dd>
<form name="test_form" method="post" ENCTYPE="multipart/form-data" onsubmit="alert(document.test_form.browse.value);" /> <input type="file" name="browse" style="display:none;width:252px;" />
<a href="javascript:fn_browse();"> <br/>
<img name="btn" width= height= src="#" border=""/> </a> <br/>
</form>
</dd>
</dl>
<dl class="divstyle">
<dt><font class="font">LNG罐车描述</font></dt>
<dd>
<textarea id="txtcontent" runat="server" name="elm1″ rows="″ cols="80″ style="width:%"></textarea>
</dd>
</dl>
<dl class="button">
<dd>
<input type="button" value="取消" class="cancel" onclick="cancel()" />
&nbsp;&nbsp;&nbsp;
<input type="button" class="publish" value="发布" onclick="publish()"/>
</dd>
</dl>
</form>
</div>
</div>
</body>
</html>

dt dd 如何在同一行上的更多相关文章

  1. 前端学习笔记系列一:15vscode汉化、快速复制行、网页背景图有效设置、 dl~dt~dd标签使用

    ctrl+shift+p,调出configure display language,选择en或zh,若没有则选择安装使用其它语言,则直接呼出扩展程序搜索界面,选择,然后安装,重启即可. shift+a ...

  2. HTML 列表 <ol><ul><li><dl><dt><dd>

    <ol>标签-有序列表 定义和用法: <ol>标签定义有序列表. HTML 与 XHTML 之间的差异 在 HTML 4.01 中,ol 元素的 "compact&q ...

  3. dl dt dd定义

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. HTML中的ul, ol,li , dl,dt, dd标签

    ul: unordered lists ol: ordered lists li: Lists ol 有序列表. <ol><li>……</li><li> ...

  5. html-2, a img ul li ol dl dt dd 标签与列表标签的简单使用

    <!-- a:  a{ /*清除a标签的下划线*/ text-decoration: none; }  (1)超链接 href 超链接的地址 target: _self 默认 在当前中打开链接地 ...

  6. DIV+CSS中标签dl dt dd常用的用法

    转自:http://smallpig301.blog.163.com/blog/static/9986093201010262499229/ < dl>< /dl>用来创建一个 ...

  7. html dl dt dd标签元素语法结构与使用

    dl dt dd认识及dl dt dd使用方法 <dl> 标签用于定义列表类型标签. dl dt dd目录 dl dt dd介绍 结构语法 dl dt dd案例 dl dt dd总结 一. ...

  8. Div+css中ul ol li dl dt dd使用

    ol 有序列表.<ol><li>……</li><li>……</li><li>……</li></ol>表现 ...

  9. (转载)dl,dt,dd标记在网页中要充分利用

    (转载)http://www.jzxue.com/html/css/264I6DG6.html 我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签,很少用刑< ...

随机推荐

  1. 实例详解 EJB 中的六大事务传播属性--转

    前言 事务 (Transaction) 是访问并可能更新数据库中各种数据项的一个程序执行单元 (unit).在关系数据库中,一个事务可以是一条或一组 SQL 语句,甚至整个程序.它有通常被称为 ACI ...

  2. Execution Contexts (执行上下文)

    本章我们一起讨论一下ECMAScript的执行上下文及相关可执行代码的各种类型.so...什么是执行上下文?我们来看看定义: 每次当控制器转到ECMAScript可执行代码的时候, 即会进入到一个执行 ...

  3. 【网络通信】服务器端Socket监听80端口,建立连接传输数据时也是使用的80端口么?

    1. 服务器端Socket监听80端口,建立连接传输数据时也是使用的80端口么? 答:对.建立连接时服务器会分配一个新的Socket,但是用的源端口号还是80端口.套接字是由协议类型.源IP.目的IP ...

  4. [转] Understanding Twitter Bootstrap 3

    Bootstrap is a popular, open source framework. Complete with pre-built components it allows web desi ...

  5. [转] Android LocalService与RemoteService理解

    前段时间被别人问到相关的问题,没有回答对,发现自己原来理解的有偏差,最近看了下,写了个小Demo实验了下,现在将其记录下来,以后千万别犯同样的错误就好了. 一.LocalService(本地服务) 不 ...

  6. ssh连接超时问题解决方案

    方法一: 1.设置服务器向SSH客户端连接会话发送频率和时间 #vi /etc/ssh/sshd_config,添加如下两行ClientAliveInterval 60ClientAliveCount ...

  7. 调试exynos4412—ARM嵌入式Linux—LEDS/GPIO驱动之一

    /** ****************************************************************************** * @author    暴走的小 ...

  8. MEF依赖注入调试小技巧!

    自从哥的项目使用MEF以来,天天那个纠结啊,甭提了.稍有错误,MEF就报错,但就不告诉你哪错了,大爷的. 后来看了MEFX的相关调试方法,感觉也不太理想,根本不够直观的看到错误原因,也许是没有深入学习 ...

  9. 利用SQLiteOpenHelper创建数据库,进行增删改查操作

    Android中提供SQLiteOpenHelper类,在该类的构造器中,调用Context中的方法创建并打开一个指定名称的数据库对象.继承和扩展SQLiteOpenHelper类主要做的工作就是重写 ...

  10. angularjs kindEditor 中自定义按钮 弹出dialog

    1.angular-kindeditor.js 第38行左右加 editorConfig.items = ["placehoder"]; 2.en.js 第234行 placeho ...