本文目录一览:
表单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 表单提交 的简单代码
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