html交通规则表单代码(留言表单HTML代码)

HTML 表单提交 的简单代码

1、打开Dreamweaver?编辑器，准备好一个空白的html文件，写入基本的html结构：

2、创建表单，演示中表单中设置年龄和姓名两个属性，然后创建提交按钮：

3、上方设置script标签，在里面创建js函数，函数内容为获取表单提交

3、接着打开浏览器预览效果，在表单内填入内容点击提交：

4、点击提交后，js就会把数据提交到指定位置了。以上就是HTML提交表单的操作：

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

编写一段创建一个表单的HTML代码，表单包含以下内容：

表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（form）定义。

form

...

input 元素

...

/form

输入

多数情况下被用到的表单标签是输入标签（input）。输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下：

文本域（Text Fields）

当用户要在表单中键入字母、数字等内容时，就会用到文本域。

form

First name:

input type="text" name="firstname" /

br /

Last name:

input type="text" name="lastname" /

/form

表单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"?/

title无标题文档/title

style

?h1{?color:#F00}

?p{?font-size:16px}

/style

script?type="text/javascript"

function?MM_jumpMenu(targ,selObj,restore){?//v3.0

??eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

??if?(restore)?selObj.selectedIndex=0;

}

/script

/head

body

h1?align="center"?会员注册/h1

table?width="805"?align="center"

??????tr

????????td?width="94"?height="45"?valign="middle"用nbsp;nbsp;?户nbsp;nbsp;?nbsp;名:/td

????????td?colspan="4"?valign="middle"form?id="form1"?name="form1"?method="post"?action=""

??????????label?for="textfield"/label

??????????input?type="text"?name="textfield"?id="textfield"?width="200"?height="25"?/

????????/form/td

??????/tr

??????tr

????????td?height="41"?valign="middle"密nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;码?:/td

????????td?colspan="4"?valign="middle"form?id="form2"?name="form2"?method="post"?action=""

??????????label?for="textfield2"/label

??????????input?type="password"?name="textfield2"?id="textfield2"??width="200"?height="25"?/

????????/form/td

??????/tr

??????tr

????????td?height="39"?valign="middle"性nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;别:/td

????????td?colspan="4"?valign="middle"form?id="form3"?name="form3"?method="post"?action=""

??????????input?type="radio"?name="radio2"?id="radio2"?value="radio2"??/

??????????label?for="radio"/label

??????????男nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;

??????????input?type="radio"?name="radio2"?id="radio2"?value="radio2"?/

??????????label?for="radio2"/label

????????女

????????/form/td

??????/tr

??????tr

????????td?height="41"?valign="middle"出nbsp;生nbsp;年nbsp;月:/td

????????td?colspan="4"?valign="middle"form?id="form4"?name="form4"?method="post"?action=""?

??????????label?for="textfield3"/label

??????????input?type="text"?name="textfield3"?id="textfield3"?width="20"?height="20"?/

??????????年select

???????????option1/option

????????????option2/option

????????????option3/option

????????????option4/option

????????????option5/option

????????????option6/option

????????????option7/option

????????????option8/option

????????????option9/option

????????????option10/option

????????????option11/option

????????????option12/option

????????????

??????????/select

????????月select

???????????option1/option

????????????option2/option

????????????option3/option

????????????option4/option

????????????option5/option

????????????option6/option

????????????option7/option

????????????option8/option

????????????option9/option

????????????option10/option

????????????option11/option

????????????option12/option

????????????option13/option

????????????option14/option

????????????option15/option

????????????option15/option

????????????option17/option

????????????option18/option

????????????option19/option

????????????option20/option

????????????option21/option

????????????option22/option

????????????option23/option

????????????option24/option

????????????option25/option

????????????option26/option

????????????option27/option

????????????option28/option

????????????option29/option

????????????option30/option

????????????option31/option

???????????

????????????

??????????/select

????????日

????????/form/td

??????/tr

??????tr

????????td?height="42"?valign="middle"地nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;?址:/td

????????td?colspan="4"?valign="middle"form?id="form5"?name="form5"?method="post"?action=""

??????????label?for="textfield4"/label

??????????input?type="text"?name="textfield4"?id="textfield4"?width="200"?height="25"?/

????????/form/td

??????/tr

??????tr

????????td?height="38"?valign="middle"爱nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;?好:/td

????????td?colspan="4"?valign="middle"form?id="form6"?name="form6"?method="post"?action=""

??????????input?type="checkbox"?name="checkbox"?id="checkbox"?/

??????????label?for="checkbox"/label

????????体育?

????????input?type="checkbox"?name="checkbox2"?id="checkbox2"?/

????????label?for="checkbox2"/label

????????旅游?

????????input?type="checkbox"?name="checkbox2"?id="checkbox2"?/

????????label?for="checkbox2"/label

????????读书

????????input?type="checkbox"?name="checkbox2"?id="checkbox2"?/

????????label?for="checkbox2"/label

????????电脑

????????input?type="checkbox"?name="checkbox2"?id="checkbox2"?/

????????label?for="checkbox2"/label

????????音乐

????????/form/td

??????/tr

??????tr

????????td?height="41"?valign="middle"上nbsp;传nbsp;形nbsp;象:/td

????????td?colspan="4"?valign="middle"form?id="form7"?name="form7"?enctype="multipart/form-data"?method="post"?action=""?

??????????label?for="fileField"/label

??????????input?type="file"?name="fileField"?id="fileField"?width="200px"?height="25px"?/

????????/form/td

??????/tr

??????tr

????????td?height="99"?valign="middle"个nbsp;人nbsp;简nbsp;介：/td

????????td?colspan="4"?valign="middle"form?id="form8"?name="form8"?method="post"?action=""

??????????label?for="textarea"/label

??????????textarea?name="textarea"?id="textarea"?cols="45"?rows="5"?/textarea

????????/form/td

??????/tr

??????tr

????????td?height="44"?valign="middle"友nbsp;情nbsp;链nbsp;接：/td

????????td?colspan="4"?valign="middle"form?name="form"?id="form"

??????????select?name="jumpMenu"?id="jumpMenu"?onchange="MM_jumpMenu('parent',this,0)"

????????????option?value="

"百度/option

????????????option?value="

"网易/option

??????????/select

????????/form/td

??????/tr

??????tr

????????td?height="42"?colspan="5"?align="center"?valign="middle"form?id="form9"?name="form9"?method="post"?action=""

??????????input?type="submit"?name="button"?id="button"?value="提交"?/nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;

??????????input?type="reset"?value="重置"?/

????????/form/td

??????/tr

/table

/body

/html

求html表单代码

html

head

title注册页面/title

/head

body

form action="" method="post"

table

trth colspan="2"注册用户/th/tr

tr

td姓名：/td

tdinput type="text" name="userName" //td

/tr

tr

td性别：/td

td男:input type="radio" name="userSex" value="男" checked="checked"女:input type="radio" name="userSex" value="女"/td

/tr

tr

td年龄：/td

tdselect name="userAge"

option value="20"20/option

option value="21"21/option

option value="22"22/option

option value="24"24/option

/select/td

/tr

tr

td个人简介：/td

tdtextarea name="userInfo" cols="30" rows="15"/textarea/td

/tr

tr

td联系电话：/td

tdinput type="text" name="telephone" //td

/tr

tr

td照片：/td

tdinput type="file" name="userPhoto" //td

/tr

/table

/form

/body

/html

谁能帮写个简单的html表单源代码？

这是以前在学校写的 自己拿去改改吧

那个发邮件的指定到你邮箱的功能不是html能实现的饿- -！

html

head

title表单源码/title

head

body bgcolor="#A0EEDC"

form method="post" action="c:\" name="myform" enctype="multipart/form-data"

table bgcolor="#DAB4F1" width="60%" height="70%" align="center" border="0" bordercolor="red" cellspacing="0" cellpadding="0"

tr

td colspan="2" bgcolor="#A3C2E4" align="center" width="100%" 请完成以下表格/td

/tr

tr

td align="right" width="30%"姓名 /td

tdinput type="text" name="yhm" size="10" maxlength="15"//td

/tr

tr

td /td

td align="left"font size="2"请在此处填写姓名,/fontbr/font face="黑体" color="#ff0000" size="3"字符最长为四个汉字，或八个英文字母/fonttd

/tr

tr

td align="right"性别 /td

td

input type="radio" name="xb" value="男"/男

input type="radio" name="xb" value="女"/女

/td

/tr

tr

td align="right"电子邮件地址 /td

tdinput type="text" name="dzyj" size="40" maxlength="50"//td

/tr

tr

td align="right"职业/td

td

select name="zy"

option value="0" selected传播/媒体 /option

option value="1"计算机/IT/option

option value="2"金融/option

option value="3"教育/option

option value="4"其他/option

/select

/td

/tr

/

tr

td align="right"个人爱好/td

td

input type="checkbox" name="ah" value="0"/电脑网络

input type="checkbox" name="ah" value="1"/影视娱乐

input type="checkbox" name="ah" value="2"/棋牌游戏 br/

input type="checkbox" name="ah" value="3"/读书读报

input type="checkbox" name="ah" value="4"/美酒佳肴

input type="checkbox" name="ah" value="5"/绘画书法

/td

/tr

tr

td /td

tdfont face="楷体" size="3"在此选择兴趣爱好，可以选择一个以上的选项。/td

/tr

tr

td align="right"留言内容/td

tdtextarea cols="25" rows="4" name="liuyan"/textarea/td

/tr

tr

td colspan="2" bgcolor="#A3C2E4" align="center" width="100%" font size="2"请完成后，选择下面的Submit按钮提交表单。/font/td

/tr

tr

td colspan="2" align="center"

input type="submit" name="tj" value="Sumbit"/

input type="reset" name="qk" value="Reset"/

/td

/tr

/table

/form

/body

/html