×

表单代码

表单代码(javaweb表单代码)

admin admin 发表于2023-04-13 08:08:08 浏览63 评论0

抢沙发发表评论

本文目录一览:

表单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