用表格和表单制作如下网页。完整html代码

如题所述

1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。

2、使用<tr>标签定义行,使用<th>定义表头,表头的文字自动加粗。

3、<tr>和<td>标签配合,定义每行中的表格数量,现在定义3行5列的表格。

4、使用<caption></caption>定义表格的标题。

5、表格分为三个部分,表头部,表主体,表尾部。

6、表头部和主体分别放标题和表格的内容,而表的尾部通常放的是页数。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-11-24
你好,我按照你的要求写的如下代码,可以直接运行

<center>
<table>
<caption style="text-decoration:underline;font-weight:bold;">请留下个人资料</caption>
<tr><td>姓名:</td><td><input type="text"></td></tr>
<tr><td>电话:</td><td><input type="text"></td></tr>
<tr><td>E-mail:</td><td><input type="text"></td></tr>
<tr><td>性别:</td><td><input type="radio" checked>男 <input type="radio">女</td></tr>
<tr><td>年龄:</td><td><select><option>20以下</option></select></td></tr>
<tr><td>留言版:</td><td><textarea></textarea></td></tr>
<tr><td>您的爱好:</td><td><input type="checkbox">运动 <input type="checkbox">阅读<br><input type="checkbox">听音乐 <input type="checkbox">旅游</td></tr>
</table>
<input type="submit" value="提交"> <input type="reset" value="全部重写">
</center>本回答被提问者和网友采纳
第2个回答  2011-11-20
留下你的联系方式 我有个注册表单做的非常好

用表格和表单制作如下网页。完整html代码
1、使用标签<table><\/table>定义网页的表格,使用style赋值类型将显示在网页。2、使用<tr>标签定义行,使用<th>定义表头,表头的文字自动加粗。3、<tr>和<td>标签配合,定义每行中的表格数量,现在定义3行5列的表格。4、使用<caption><\/caption>定义表格的标题。5、表格分为三个部分,表头部,表主体,...

html 使用表格和表单创建如下图所示的表单页面。求源代码
DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><head><meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/><title>产品订购<\/title><\/...

需要一个HTML模板,用来做简单的表单数据录入
1、首先新建一个html,点击<body><\/body>中间,先填入表格内容:2.内容可根据要求编写,示例代码如下:<table> <p style="text-align:center ">功课表<\/p> <tr> <th>语文<\/th> <td>7:00-7:40<\/td> <td>7:50-8:30<\/td> <\/tr> <tr> <th>数学<\/th> <td>7:00-7:40<\/td>...

学习html制作网页:表单试题及代码
1、新建一个HTML文件,命名为myExam.html 2、演示的标签有输入文本,对应的标签是type=text,代码实例,页面效果如下 3、下一个常用的标签,单选功能,radio,对应的代码实例和页面效果如下 4、多选标签,checkbox,提供多选的功能,对应的代码实例和页面效果如下 5、当页面完成输入后,需要将所填数据传给...

用HTML制作网页――表单与ASP,求高手帮忙
第一个html页面代码如下:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <head> <meta http-equiv="Content-Type" content="text\/html; charset=gb2312"...

HTML用表格布局表单的代码结构是?
例如用户登录表单:<table> <tr> <td>用户名:<\/td> <td><input type ="text" \/><\/td> <\/tr> <tr> <td>密码:<\/td> <td><input type ="text" \/><\/td> <\/tr> <\/table> 这样就可以了。内容可以根据需要自己增加。希望采纳哦 ...

运用HTML5新表单元素制作一个网页,内容包括:用户名输入、密码输入、二...
class="controls"><input id="inputPassword" type="password" \/><\/div><\/div><div class="control-group"><div class="controls"> <label class="checkbox"><input type="checkbox" \/> Remember me<\/label> <button type="submit" class="btn">登陆<\/button><\/div><\/div><\/form><\/...

运用HTML5表单元素制作一个简单的网页,内容包括:用户名输入、密码输入...
DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/html4\/loose.dtd"><html><head><title><\/title><\/head><body>用户:<input id="uname" type="text" \/><br \/>密码:<input id="pwd" type="password" \/><br>确认密码:<input id="pwd1"...

HTML5网页前端设计中如下图表单的代码怎么写?
下面是表单代码,你直接再加属性就可以了,表单用 table 写比较简单,div 太麻烦了;<html xmlns=" http:\/\/www.dayinmandarin.com "> <head> <meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/> <title>黑板<\/title> <\/head> <body> <div style="width:500px;"> ...

html 怎么样在表格内插入表单
你 可以岑考一下这个代码--- <html> <head> <title> 表格+表单 <\/title> <\/head> <body> <h1 align="center">用户注册<\/h1> <hr size="3" width="800" color="red"> <table border="0" align="center" width="600" height="300"> <tr> <td>用户名:<\/td> <td><input type...

相似回答