js表单验证代码怎么写?表单HTML代码

js表单验证代码怎么写?表单HTML代码

js表单验证代码怎么写


我来举个例子,很简单的
《!DOCTYPE html》
《html》
《head》
《meta charset=“UTF-8“》
《title》Insert title here《/title》
《script type=“text/javascript“》
function formCheck(){//表单验证
var userForm=document.forms.userForm;
if(userForm.username.value==null||userForm.username.value.length《=0){
alert(“用户名不能为空“);
return false;
}else if(userForm.username.value.length《6||userForm.username.value.length》20){
alert(“用户名必须为6-20位“);
return false;
}else if(userForm.password.value==null||userForm.password.value.length《=0){
alert(“密码不能为空“);
return false;;
}else if(userForm.password.value.length《6||userForm.password.value.length》20){
alert(“密码必须为6-20位“);
return false;
}else{
userForm.submit();
}
}
《/script》
《/head》
《body》
《form action=““ name=“userForm“》
userName:《input type=“text“ name=“username“》《br》
password:《input type=“password“ name=“password“》《br》
《input type=“button“ value=“提交“ onclick=“ formCheck()“》
《/form》
《/body》
《/html》

表单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“》用 户 名:《/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“》密码 :《/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“》性别:《/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》
          男
          《input type=“radio“ name=“radio2“ id=“radio2“ value=“radio2“ /》
          《label for=“radio2“》《/label》
        女
        《/form》《/td》
      《/tr》
      《tr》
        《td height=“41“ valign=“middle“》出生年月:《/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》
           《option》1《/option》
            《option》2《/option》
            《option》3《/option》
            《option》4《/option》
            《option》5《/option》
            《option》6《/option》
            《option》7《/option》
            《option》8《/option》
            《option》9《/option》
            《option》10《/option》
            《option》11《/option》
            《option》12《/option》
            
          《/select》
        月《select》
           《option》1《/option》
            《option》2《/option》
            《option》3《/option》
            《option》4《/option》
            《option》5《/option》
            《option》6《/option》
            《option》7《/option》
            《option》8《/option》
            《option》9《/option》
            《option》10《/option》
            《option》11《/option》
            《option》12《/option》
            《option》13《/option》
            《option》14《/option》
            《option》15《/option》
            《option》15《/option》
            《option》17《/option》
            《option》18《/option》
            《option》19《/option》
            《option》20《/option》
            《option》21《/option》
            《option》22《/option》
            《option》23《/option》
            《option》24《/option》
            《option》25《/option》
            《option》26《/option》
            《option》27《/option》
            《option》28《/option》
            《option》29《/option》
            《option》30《/option》
            《option》31《/option》
           
            
          《/select》
        日
        《/form》《/td》
      《/tr》
      《tr》
        《td height=“42“ valign=“middle“》地 址:《/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“》爱 好:《/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“》上传形象:《/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“》个人简介:《/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“》友情链接:《/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=“提交“ /》
          《input type=“reset“ value=“重置“ /》
        《/form》《/td》
      《/tr》
《/table》
《/body》
《/html》

求html表单代码


《html 》
《head》
《title》注册页面《/title》
《/head》
《body》
《form action=““ method=“post“》
《table》
《tr》《th colspan=“2“》注册用户《/th》《/tr》
《tr》
《td》姓名:《/td》
《td》《input 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》
《td》《select 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》
《td》《textarea name=“userInfo“ cols=“30“ rows=“15“》《/textarea》《/td》
《/tr》
《tr》
《td》联系电话:《/td》
《td》《input type=“text“ name=“telephone“ /》《/td》
《/tr》
《tr》
《td》照片:《/td》
《td》《input type=“file“ name=“userPhoto“ /》《/td》
《/tr》
《/table》
《/form》
《/body》
《/html》

制作一个很简单网页表单代码


《html》
《head》
《title》进入下一页吗《/title》
《script language=“JavaScript“ type=“text/javascript“》
var
(在消息的内容里加上问题的网址哦)

网页中的提交表单代码怎么做在告诉我下怎么提交后发送到邮箱中


因为自己做过新手,也困惑过,在此做皮毛解释,答楼主问。
1.网页可分为静态和动态
通俗的讲静态网页就是以HTML后缀的页面,在服务器上放上什么,浏览者就可以看到什么。动态网页是在静态网页的代码中加入了网络程序语言,常见的ASP,JSP,PHP,.NET等,其基本原理就是浏览者提交信息发送到服务器,程序处理后返回相应的信息,是一种可以互动的交互式操作,如留言板,论坛等。
2.表单提交属于动态网页范畴,可以用不同的程序来做出来,以ASP为例,就是浏览者填写表单后,点击确定,所填写的会发送到服务器,并可以记录在网站后台的数据库中,这些在ASP的学习中是简单的一些道理,如果没有接触过,可能会感觉理解不了。
3.表单的提交只需要在FORM中设置发送到自己的信箱即可。
4.动态网页的制作需要用到XP的组件IIS,否则在本地浏览只能适用于静态网页。
例子如下:
以百度回答问题的这个提交表单为例,需要五个网页文件:
index.asp /显示表单
conn.asp /数据库连接
add.asp /表单处理页面
website.css /样式表
sht.mdb /数据库文件
index.asp
《% option explicit%》
《!--#Include file=“ado.asp“--》
《HTML》
《head》
《title》表单示例《/title》
《link rel=“stylesheet“ href=“style.css“》
《Script Language=“JavaScript“》
《!--
Function check_Null(){
If (document.form1.title.value==““){
alert(“主题不能为空!“);
return false;
}
If (document.form1.name.value==““){
alert(“姓名不能为空!“);
return false;
}
return true;
}
// --》
《/Script》
《/head》
《body 》
《center》
《table border=’0’ width=’80%’ 》
《form method=“post“ action=“add.asp“ name=“form1“ onSubmit=“JavaScript: return check_Null();“》
《tr》《td》 《/td》《td》《textarea name=“body“ rows=6 cols=80 wrap=soft》《/textarea》《/td》《/tr》
《tr》《td》 《/td》《td》 《/td》《/tr》
《tr》《td》《/td》
《td valign=“middle“》《label》
 用户名:
《input type=“text“ name=“name“ size=“10“》
    
《input type=“checkbox“ name=“checkbox“ value=“checkbox“》
《/label》
匿名发表
《input type=“submit“ value=“ 提交 “ Size=“20“》《/td》《/tr》
《/form》
《/table》
《p》
《%
’现在开始显示已有留言
Dim Sql,rs ’声明变量
Sql=“Select body,name,submit_date From guest “
Sql=Sql & “ Order By submit_date desc,id desc“ ’这里用了两个字段排序
SET rs=db.Execute(Sql) ’返回一个Recordset对象
Do While Not rs.Eof ’利用循环依次显示所有记录
%》
《table border=“0“ bordercolor=“#8800FF“ width=“80%“》
《tr》
《td colspan=2》《hr》《/td》
《/tr》
《tr》
《td width=5% rowspan=“2“》 《/td》
《td width=“95%“》《%=rs(“submit_date“)%》   《%=rs(“name“)%》《/td》
《/tr》
《tr》
《td》《%=rs(“body“)%》《/td》
《/tr》
《/table》
《%
rs.MoveNext ’将记录指针移动到下一条记录
Loop
%》
《/center》
《/body》
《/html》
conn.asp
《%
’这里只是建立数据库连接对象db。
Dim db
Set db=Server.CreateObject(“ADODB.Connection“)
db.Open “Driver={Microsoft Access Driver (*.mdb)};Dbq=“&Server.Mappath(“guest.mdb“)
%》
add.asp
《!--#Include file=“conn.asp“--》
《%
Dim body ’声明变量
body=Request.Form(“body“) ’返回留言内容
Dim sqla,name,sqlb,sql
sqla = “Insert Into sth(name“
sqlb = “Values(’“ & name & “’“
If body《》““ Then ’如果留言内容不为空
sqla = sqla & “,body“
sqlb = sqlb & “,’“ & body & “’“
End If
sqla = sqla & “,submit_date“
sqlb = sqlb & “,’“ & now() & “’“ ’插入系统时间为留言时间
’下面一句就是将SQL语句的前后两部分组织成一个完整的Inser语句
sql = sqla & “) “ & sqlb & “)“
db.Execute(Sql) ’插入记录
Response.Redirect “index.asp“ ’重定向回首页
%》

表单的代码


《form》《/form》
功能:用于申明表单,定义采集数据的范围,也就是《form》和《/form》里面包含的数据将被提交到服务器或者电子邮件里。
语法:《FORM ACTION=URL METHOD=GET|POST ENCTYPE=MIME TARGET=...》. . .《/FORM》
属性解释见下表:
action=url用来指定处理提交表单的格式.它可以是一个URL地址(提交给程式)或一个电子邮件地址.
method=get或post指明提交表单的HTTP方法.可能的值为: post:POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中. get:不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用.
enctype=cdata指明用来把表单提交给服务器时(当method值为post)的互联网媒体形式.这个特性的缺省值是application/x-www-form-urlencoded
TARGET=...指定提交的结果文档显示的位置: _blank :在一个新的、无名浏览器窗口调入指定的文档; _self :在指向这个目标的元素的相同的框架中调入文档; _parent :把文档调入当前框的直接的父FRAMESET框中;这个值在当前框没有父框时等价于_self; _top :把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架);这个值等价于当前框没有你框时的_self.
例如:
表示表单将向以post的方式提交,提交的结果在新的页面显示,数据提交的媒体方式是默认的application/x-www-form-urlencoded方式;
表单域
表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等,用于采集用户的输入或选择的数据,下面分别讲述这些表单域的代码格式: 文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。
代码格式:《input type=text name=... size=... maxlength=... value=...》
属性解释:
type=text定义单行文本输入框;
name属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义文本框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
value属性定义文本框的初始值
样例1:
样例1代码:
《input type=text name=example1 size=20 maxlength=15 /》 也是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容。
代码格式:《TEXTAREA name=... cols=... rows=... wrap=VIRTUAL》《/TEXTAREA》
属性解释:
name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
cols属性定义多行文本框的宽度,单位是单个字符宽度;
rows属性定义多行文本框的高度,单位是单个字符宽度;
wrap属性定义输入内容大于文本域时显示的方式,可选值如下:
默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现; Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行; Virtual,允许文本自动换行。 Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。
样例2:
样例2代码:
《TEXTAREA name=example2 cols=20 rows=2 wrap=PHYSICAL》《/TEXTAREA》 是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。
代码格式:《input type=password name=... size=... maxlength=...》
属性解释:
type=password定义密码框;
name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义密码框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
样例3:
样例3代码:
《input type=password name=example3 size=20 maxlength=15》 隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。
代码格式:《input type=hidden name=... value=...》
属性解释:
type=hidden定义隐藏域;
name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
value属性定义隐藏域的值
例如:《input type=hidden name=ExPws value=dd》 复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素,都必须有一个唯一的名称。
代码格式:《INPUT type=checkbox name=... value=...》
属性解释:
type=checkbox定义复选框;
name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
value属性定义复选框的值
样例4:
样例4代码:
《input type=checkbox name=yesky value=09》xxxcom
《input type=checkbox name=Chinabyte value=08》 当需要访问者在待选项中选择唯一的答案时,就需要用到单选框了。
代码格式:《input type=radio name=... value=...》
属性解释:
type=radio定义单选框;
name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;
value属性定义单选框的值,在同一组中,它们的域值必须是不同的。
样例5:
样例5代码:
《input type=radio name=myFavor value=1》
《input type=radio name=myFavor value=2》 有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
注意:在使用文件域以前,请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE=multipart/form-data来确保文件被正确编码;另外,表单的传送方式必须设置成POST。
代码格式:《input type=file name=... size=15 maxlength=100》
属性解释:
type=file定义文件上传框;
name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义文件上传框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
样例6:
样例6代码:
《input type=file name=myfile size=15 maxlength=100》 下拉选择框允许你在一个有限的空间设置多种选项。
代码格式:
《select name=... size=... multiple》
《option value=... selected》...《/option》
...
《/select》
属性解释:
size属性定义下拉选择框的行数;
name属性定义下拉选择框的名称;
multiple属性表示可以多选,如果不设置本属性,那么只能单选;
value属性定义选择项的值;
selected属性表示默认已经选择本选项。
样例7:
样例7代码:
《select name=mySel size=1》
《option value=1 selected》《/option》
《option value=d2》《/option》
《/select》
样例8:
按Ctrl可以多选
样例8代码:
《select name=mySelt size=3 multiple》
《option value=1 selected》《/option》
《option value=d2》《/option》
《option value=3》《/option》
《/select》 表单按钮控制表单的运作。
1.3.1 提交按钮
提交按钮用来将输入的信息提交到服务器。
代码格式:《input type=submit name=... value=...》
属性解释:
type=submit定义提交按钮;
name属性定义提交按钮的名称;
value属性定义按钮的显示文字;
样例9:
样例9代码:
《input type=submit name=mySent value=发送》
1.3.2 复位按钮
复位按钮用来重置表单。
代码格式:《input type=reset name=... value=...》
属性解释:
type=reset定义复位按钮;
name属性定义复位按钮的名称;
value属性定义按钮的显示文字;
样例10:
样例10代码:
《input type=reset name=myCancle value=取消》
1.3.3 一般按钮
一般按钮用来控制其他定义了处理脚本的处理工作。
代码格式:《input type=button name=... value=... onClick=...》
属性解释:
type=button定义一般按钮;
name属性定义一般按钮的名称;
value属性定义按钮的显示文字;
onClick属性,也可以是其它的事件,通过指定脚本函数来定义按钮的行为;
样例11:
样例11代码:
《input type=button name=myB value=保存 onClick=javascript:alert(’it is a button’)》
二.表单
表单是用来提交资料、意见,规范流程执行过程的格式。


编写一段创建一个表单的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》
《head》
《meta
document.all.dd.innerHTML=’《font color=red》两次密码输入不符《/font》’;
d=1;
}
else{d=0;check();}
}
function check_4() //mail文本框必填 填写电子邮件 否则提示:电子邮件格式不符
{
document.all.ee.innerHTML=’ ’;
var re=/\w+@\w+(\.\w+)+/ig;
document.form1.mail.value=trim(document.form1.mail.value);
if(!re.test(document.form1.mail.value)){
document.all.ee.innerHTML=’《font color=red》电子邮件格式不符《/font》’;
e=1;
}
else{e=0;check();}
}
function check_5() //QQ号码 必填文本框填写5~9位数字 否则提示格式错误或者未填写QQ号
{
document.all.ff.innerHTML=’ ’;
var re=/^{4,}/;
document.form1.qq.value=trim(document.form1.qq.value);
if(!re.test(document.form1.qq.value)){
document.all.ff.innerHTML=’《font color=red》格式错误或者未填写QQ号《/font》’;
f=1;
}
else{f=0;check();}
}
function trim(inputstr) //除去空格
{
if(!inputstr.length》0) return ““;
var starts=0;
var ends=inputstr.length;
while(starts《ends)
{
if(inputstr.substring(starts,starts+1)==“ “)
starts++;
else
break;
}
while(starts《ends)
{
if(inputstr.substring(ends-1,ends)==“ “)
ends--;
else
break;
}
return inputstr.substring(starts,ends);
}
《/script》
《/head》
《body》
《form name=“form1“ method=“POST“ action=“--WEBBOT-SELF--“》
《table border=“1“ width=“96%“ id=“table1“》
《tr》
《td colspan=“3“》
《p align=“center“》注册表《/td》
《/tr》
《tr》
《td width=“20%“ align=“right“》用户名《/td》
《td width=“22%“》《input type=“input“ value=““ name=“username“ onchange=“check_0();“》《/td》
《td width=“53%“ id=“aa“》 《/td》
《/tr》
《tr》
《td width=“20%“ align=“right“》生日《/td》
《td width=“22%“》《input type=“input“ value=““ name=“birthday“ onchange=“check_1();“》《/td》
《td width=“53%“ id=“bb“》 《/td》
《/tr》
《tr》
《td width=“20%“ align=“right“》密码《/td》
《td width=“22%“》《input type=“password“ value=““ name=“password“ onchange=“check_2();“》《/td》
《td width=“53%“ id=“cc“》 《/td》
《/tr》
《tr》
《td width=“20%“ align=“right“》密码确认《/td》
《td width=“22%“》《input type=“password“ value=““ name=“cpassword“ onchange=“check_3();“》《/td》
《td width=“53%“ id=“dd“》 《/td》
《/tr》
《tr》
《td width=“20%“ align=“right“》电子邮件《/td》
《td width=“22%“》《input type=“input“ value=““ name=“mail“ onchange=“check_4();“》《/td》
《td width=“53%“ id=“ee“》 《/td》
《/tr》
《tr》
《td width=“20%“ align=“right“》QQ号码《/td》
《td width=“22%“》《input type=“input“ value=““ name=“qq“ onchange=“check_5();“》《/td》
《td width=“53%“ id=“ff“》 《/td》
《/tr》
《tr》
《td colspan=“3“》
《p align=“center“》《input type=“submit“ value=“提交“ name=“sub“ disabled=“true“》 《input type=“reset“ value=“重置“》《/td》
《/tr》
《/table》
《/form》
《/body》
《/html》

求html表格的代码


效果是这样的,除了表格的数据的一些背景颜色,没给你调,其他的应该是一模一样吧,边框颜色可能有点差别,自己细调吧,我直接用的255的绿色。效果是下面这样的:

实际效果和你要的效果应该差别不大

代码其实就是最基础的表格样式做的。代码如下:

《!DOCTYPE html》

《html》

《head》

《style》

tr.title td{text_align:center;width:4em;text-align:center;font-weight:bold;}

table{border:1px solid RGB(0,255,0);}

tr.name td{border:2px solid RGB(0,255,0);text-align:center;}

《/style》

《/head》

《body》

《table》

《tr class=“title“;》

《td》学号《/td》

《td》姓名《/td》

《td》语文《/td》

《td》数学《/td》

《td》英语《/td》

《/tr》

《tr class=“name“;》

《td》1《/td》

《td》张三《/td》

《td》87《/td》

《td》68《/td》

《td》89《/td》

《/tr》

《tr class=“name“;》

《td》2《/td》

《td》李四《/td》

《td》89《/td》

《td》84《/td》

《td》86《/td》

《/tr》

《tr class=“name“;》

《td》3《/td》

《td》王五《/td》

《td》96《/td》

《td》94《/td》

《td》85《/td》

《/tr》

《tr class=“name“;》

《td》4《/td》

《td》李六《/td》

《td》98《/td》

《td》87《/td》

《td》67《/td》

《/tr》

《/table》

《/body》

《/html》


用html做个简单表格




回答



稍等





HTML中制作表格有两种方法:





(1)先把最原始的表格画出来,每一个都是单个单元格,然后再根据要求进行行合并或列合并,有的表格需要行列都合并,则也是把它分为两步做,先合并行再合并列(或者先合并列再合并行),若进行了colspan和rowspan的合并,则将之后同一行或同一列的单元格删除,但这种方法较麻烦,容易搞混。





(2)直接根据最终要生成的表格来操作,将每个合并的单元格看做一个小的单元格,不再将它拆分,然后一行一行的写表格,遇到合并的单元格直接写出colspan或rowspan,下面若遇到已经用过的合并的单元格,则不再将其算到内,只看还剩多少单元格。这种方法一行一行的写,不用再去删单元格,比较清晰。





以下为制作的一个简单表格及其代码:




更多3条



推荐阅读