<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. Qt 学习之路 ：使用 QJson 处理 JSON

    XML 曾经是各种应用的配置和传输的首选方式.但是现在 XML 遇到了一个强劲的对手:JSON.我们可以在 这里 看到有关 JSON 的语法.总体来说,JSON 的数据比 XML 更紧凑,在传输效率上 ...

  2. 亲测linux6.4 安装

    1.bios下点击 u盘 启动进入(两个Flash1.0,都试试) 2.最关键的部分是,不如windows启动 没有linux界面. others(只是把这个修改一下名字为windows7) cent ...

  3. ubuntu14.04安装samba、vpn

    前言: VPN+SAMBA,能够让你将网上申请到的VPS目录映射成自己电脑的网络驱动器,方便开发. 一.安装samba 来源:http://jingyan.baidu.com/article/00a0 ...

  4. Java中JIN机制及System.loadLibrary() 的执行过程

    Android平台Native开发与JNI机制详解 http://mysuperbaby.iteye.com/blog/915425 个人认为下面这篇转载的文章写的很清晰很不错. 注意Android平 ...

  5. Notification和KVO有什么不同

    Notification是推送通知,我们可以建立一个通知中心,存放创建多个通知,在不同的地方在需要的时候push调用和KVO不同的是,KVO是键值观察,只能观察一个值,这就是区别

  6. [转]Mysql导入导出工具Mysqldump和Source命令用法详解

    Mysql本身提供了命令行导出工具Mysqldump和Mysql Source导入命令进行SQL数据导入导出工作,通过Mysql命令行导出工具Mysqldump命令能够将Mysql数据导出为文本格式( ...

  7. Java反射学习（java reflect）(三)

    五.方法指针 据说JAVA方法指针的出现,是作为反射包的附产品 : 使用原理:Invoke被允许调用包装在当前Method对象的方法: 第一个参数为隐式参数,可用null,第二个参数为显示参数. Ex ...

  8. MySQL增删改查的常用操作指令总结

    总结: 1.数据库操作: 创建库: create database db_name; 查询库: show databases; //显示所有的数据库 show create databases db_ ...

  9. Tomcat设置最佳线程数总结

    最佳线程数: 性能压测的情况下,起初随着用户数的增加,QPS会上升,当到了一定的阀值之后,用户数量增加QPS并不会增加,或者增加不明显,同时请求的响应时间却大幅增加.这个阀值我们认为是最佳线程数. 为 ...

  10. [C++]C++类基本语法

    本测试代码包括以下内容: (1)如何使用构造函数:(2)默认构造函数:(3)对象间赋值:(4)const使用语法:(5)定义类常量: 一种方法是用enum,另一种方法是使用static. #inclu ...