html订单填写界面代码（html菜单代码）

今天给各位分享html订单填写界面代码的知识，其中也会对html菜单代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、HTML5网页前端设计中如下图表单的代码怎么写？
• 2、如何将一个页面的内容或者一个table html代码 写入数据库
• 3、求快递单的页面HTML代码，各个快递的！
• 4、设计如下一个表单页面，写出相应的代码。
• 5、编写一个网页文件使用表单让用户填写购物订单

HTML5网页前端设计中如下图表单的代码怎么写？

下面是表单代码，你直接再加属性就可以了，表单用 table 写比较简单，div 太麻烦了；

html xmlns=" "

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title黑板/title

/head

body

div style="width:500px;"

h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;"用户注册页面/h1

table cellpadding="0" cellspacing="10" style="margin:0 auto;"

tr

td align="right" valign="top"div用户名：/div/td

tdinput style='width:250px' value='请输入用户名' //td

/tr

tr

td align="right" valign="top"div密 码：/div/td

tdinput style='width:250px' value='请输入密码' //td

/tr

tr

td align="right" valign="top"div确 认：/div/td

tdinput style='width:250px' value='请再次输入密码' //td

/tr

tr

td align="right" valign="top"div姓 名：/div/td

tdinput style='width:250px' value='请输入真实姓名' //td

/tr

tr

td align="right" valign="top"div邮 箱：/div/td

tdinput style='width:250px' value='请输入电子邮箱' //td

/tr

/table

div align="center"input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注册" //div

/div

/body

/html

如何将一个页面的内容或者一个table html代码 写入数据库

这里是显示出来的：

table width="100%" border="0" cellspacing="0" cellpadding="0"

tr

td订单号：/td

td%=ddn%/td

/tr

tr

td总金额/td

td%=ddn%/td

/tr

tr

td收货人/td

td%=ddn%/td

/tr

tr

td收货地址/td

td%=ddn%/td

/tr

/table

%

all="table width=100% border=0 cellspacing=0 cellpadding=0

tr

td订单号：/td

td"ddn"/td

/tr

tr

td总金额/td

td"ddn"/td

/tr

tr

td收货人/td

td"ddn"/td

/tr

tr

td收货地址/td

td"ddn"/td

/tr

/table"

%

写多一个table，如上面的all，它里面的内容就是上面显示的表格，直接把all存数据库就行了。

求快递单的页面HTML代码，各个快递的！

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titlenoteform/title

script src=""/script

script

$(function(){

 $("div").click(function(){

$(this).addClass("select");        

    });

})

/script

style

!--

body{

    background-image:url(wood-bg2.jpg);

}

.exlist{

    background-color:#F9EE70;

    margin:30px auto;

    padding:5px;

    width:680px;

    min-height:200px;

    height:auto;

    font-family:"微软雅黑";

    -webkit-box-shadow:4px 4px 5px #333;/*webkit*/ 

    -moz-box-shadow:4px 4px 5px #333;/*firefox*/     

    box-shadow:4px 4px 5px #333;/*opera或ie9*/ 

}

#title{

    width:200px;

    margin:20px auto;

}

#title legend{

    font-size:26px;

}

div.exlist_title{

    background-color:#F9EE70;

    width:680px;

    height:20px;

}

div.exlist_title img{

    float:right;

    margin:-15px 10px;

}

/*-----------form-----------*/

fieldset{

    width:90%;

    border:1px dashed #666;

    margin:40px auto;

}

legend{

    background-color:#F9EE70;

    height:120px;

    height:30px;

    color:#630;

    font-weight:bolder;

    font-size:20px;

    line-height:30px;

    margin:-20px 10px 10px;

    padding:0 10px;

}

div.row{

    margin:10px;

    padding:5px;

}

div.row label{

    height:20px;

    font-size:16px;

    line-height:20px;

    margin:0 10px;

}

input.txt{

    background-color:#F9EE70;

    color:#333;

    width:150px;

    height:20px;

    margin:0 10px;

    font-size:16px;

    line-height:20px;

    border:none;

    border-bottom:1px solid #565656;

}

input.txt:focus{

    color:#333;

    background-color: #FF0;

    border-bottom:1px solid #F00;

}

select{

    width:100px;

}

option{

    text-align:center;

}

input.btn{

    width:50px;

    height:20px;

    color:#000008B;

    background-color: transparent;

    border:0;

    padding:0;

}

--

/style

/head

body

div class="exlist"

    div class="exlist_title"img src="paper-clip.png" //div

       div id="title"legend快递运单信息/legend/div

       form method="post" action=""

           fieldset

           legend收件信息/legend

                   div class="row"

                   label1. 收货人:/label

                   input style="width:100px" class="txt" type="text" /

                   label2. 目的地:/label

                   select

                   option北京/option

                   option上海/option

                   option武汉/option

                   option乌鲁木齐/option

                   /select

                   /div

                   div class="row"

                   label3. 联系电话:/labelinput class="txt" type="text" /

                   /div

                   div class="row"

                   label4. 详细地址:/labelinput class="txt" style="width:400px"  type="text" /

                   /div

           /fieldset

           fieldset

           legend发件信息/legend

                   div class="row"

                   label1. 发货人:/label

                   input style="width:100px" class="txt" type="text" /

                   label2. 始发地:/label

                   select

                   option北京/option

                   option上海/option

                   option武汉/option

                   option乌鲁木齐/option

                   /select

                   /div

                   div class="row"

                   label3. 联系电话:/labelinput class="txt" type="text" /

                   /div

                   div class="row"

                   label4. 详细地址:/labelinput class="txt" style="width:400px"  type="text" /

                   /div

           /fieldset

           fieldset

           legend货物信息/legend

                   div class="row"

                   label1. 数量:/labelinput class="txt" style="width:30px" maxlength="2" type="text" /

                   label（1-99件）/label

                   label2. 体积:/labelinput class="txt" style="width:30px" maxlength="3" type="text" /

                   label3. 重量:/labelinput class="txt" style="width:30px" maxlength="3" type="text" /

                   label（Kg）/label

                   /div

                   div class="row"

                   label4. 运输方式:/label

                   select

                   option航运/option

                   option火车/option

                   option汽车/option

                   option轮船/option

                   /select

                   /div

             div class="row"

               label5. 付款方式:/label

                   p

                     labelinput type="radio" name="pay" value="单选"/现金付款/label

                     labelinput type="radio" name="pay" value="单选"/收件人付款/label

                     labelinput type="radio" name="pay" value="单选"/第三方付款/label

                   /p

               /div

           /fieldset

        /form

/div

/body

/html

快递单..

设计如下一个表单页面，写出相应的代码。

表单是实现动态网页的一种主要的外在形式。表单和表单域并不具有排版的能力，表单网页的制作最终还是要由表格组织起来。html表单是html页面与浏览器端实现交互的重要手段。利用表单可以收集客户端提交的有关信息。 在浏览网站时经常会遇到表单，它是网站实现互动功能的重要组成部分。无论网站使用的是那种形式的语言来实现网站的互动功能，例如ASP、PHP、JSP，表单已经成为它们统一的外在形式。 表单的主要功能是收集信息，具体说是收集浏览者的信息。例如在网上要申请一个电子信箱，就必须按要求填写完成网站提供的表单页面，其主要内容是姓名、年龄、联系方式等个人信息。又例如要在某论坛上发言，发言之前要申请资格，也是要填写完成一个表单网页。 表单可以用于调查、订购、搜索等功能。一般的表单由两部分组成，一是描述表单元素的html源代码，二是客户端的脚本，或者服务器端用来处理用户所填信息的程序。在html里，我们可以定义表单，并且使表单与CGI或ASP等服务器端的表单处理程序配合。 表单信息处理的过程为：当单击表单中的提交按纽时，输入在表单中的信息就会上传到服务器中，然后由服务器中的有关应用程序进行处理，处理后或者将用户提交的信息储存在服务器端的数据库中，或者将有关的信息返回到客户端浏览器中。 表单是网页上的一个特定区域。这个区域是由一对Form标记定义的。这一步有几方面的作用。第一方面，限定表单的范围。其它的表单对象，都要插入到表单之中。单击提交按纽时，提交的也是表单范围之内的内容。第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置、提交表单的方法等。这些信息对于浏览者是不可见的，但对于处理表单确有着决定性的作用。 基本语法01 Form name="Form＿name" method="method" action="url" enctype="value" target="target＿win" 02 …… 03 /Form 语法解释Form标记的属性如下表所示 属性 描述 name 表单的名称 method 定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get和post action 用来定义表单处理程序(ASP，CGI等程序)的位置(相对地址或绝对地址) enctype 设置表单资料的编码方式 target 设置返回信息的显示方式 FORM标记的ENCTYPE属性基本语法01 Form enctype="value" 02 …… 03 /Form 语法解释value的取值如所下表所示 属性值 描述 Text/plin 以纯文本形式传送信息 Application/x-www-Form-urlencoded 默认的编码形式 Multipart/Form-data 使用mine编码 文件范例:11-4.htm设置表单信息提交的编码方式。01 !-- ------------------------------ --02 !-- 文件范例：11-4.htm --03 !--文件说明：设置信息提交的编码方式--04 !-- ------------------------------ --05 html06 head07 title设置信息提交的编码方式/title08 /head09 body10 h1用户调查/h111 Form name=invest action=mailto:tslxg@hotmail.com method=get enctype=text/plain12 /Form13 /body14 /html

编写一个网页文件使用表单让用户填写购物订单

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title无标题文档/title

script language="javascript"

function result(prices){

var yourChoices="";

for(i=0;iprices.length;i++){

if(prices[i].selected=false)

alert("数量不能为空")；

}

/script

/head

body

font size=8 color=blue

h1 align=center size=7购货订单/h1

/font

font size=5 color=red 

form action="" name="biaodan"

请输入你的姓名:

input type="text" name="yourname"

brbr

请填写你的电话号：

input type="text" name="yourphone"

brbr

请填写数量：

input type="text" name="yourhowmany"

brbr

请填写金额：

input type="text" name="yourmoney"

/form

form action="" name="biao"

请填写商品名称：

  font size=5 color=red

  select name="selects" size=4

    option value="apple"苹果/option

    option value="pear"梨/option

    option value="banada"香蕉/option

    option value="xigua"西瓜/option

    option value="mangguo"芒果/option

  /select

  /font

/form

br

form action="" name="dan"

请填写单价：

input type="checkbox" name="spot1" value="sing"1元/斤

input type="checkbox" name="spot2" value="sport"2元/斤

input type="checkbox" name="spot3" value="travel"3元/斤

brbrbr

input type="button" value="提交" onclick="results(document.dan)"

/form

/font

/body

/html

关于html订单填写界面代码和html菜单代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。