案例描述:
-使用表格实现页面效果
-超链接不想有效果,请使用href="# "
-如果表格中的单元格没有内容,请使用空框作为占位符&;nbsp。
-提交带有图片标签的表格;
完整代码:
& lthtml>。
& lthead>。
& lttitle>。世界<。/title>。
& lt/head>。
& ltbody>。
& ltform action = " 01-hello . html " method = " post " >;
& lth3 align="center ">。欢迎来到这个页面!& lt/h3>。
& lttable width="100% " >
& lttr>。
& lttd align="right ">。注册邮箱:
& lttd>。& ltinput type="text" name="regit"/>& lt/td>。
& lt/tr>。
& lttr>。
& lttd>。& ampnbsp。& lt/td>。
& lttd>。也可以用
& lt/tr>。
& lttr>。
& lttd align="right ">。创建密码:
& lttd>。& ltinput type = " password " name = " pwd "/>& lt/td>。
& lt/tr>。
& lttr>。
& lttd align="right ">。实名:
& lttd>。& ltinput type = " text " name = " real name "/>& lt/td>。
& lt/tr>。
& lttr>。
& lttd align="right ">。性别:
& lttd>。
& ltinput type = " radio " name = " sex " value = " famale "/>女人
& ltinput type = " radio " name = " sex " value = " male "/>人
& lt/td>。
& lt/tr>。
& lttr>。
& lttd align="right ">。生日:
& lttd>。
& lt选择名称“年份”>;
& ltoption value="1997"/>1997
& ltoption value="1998"/>1998
& ltoption value="1999"/>1999
& lt/select>。年
& lt选择名称“月”>;
& ltoption value="01"/>01
& ltoption value="02"/>02
& ltoption value = " 03 " selected = " selected "/& gt。03
& lt/select>。月亮
& lt选择名称“日”>;
& ltoption value="20"/>20
& ltoption value="21"/>21
& ltoption value="22"/>22
& lt/select>。太阳
& lt/td>。
& lt/tr>。
& lttr>。
& lttd align="right ">。我现在:
& lttd>。
& lt选择名称“现在”>;
& ltoption value="study"/>上学
& ltoption value="1998"/>已经在工作了
& lt/select>。
& lt/td>。
& lt/tr>。
& lttr>。
& lttd>。& ampnbsp。& lt/td>。
<td><img src="images/verycode.png"/><a href="#">看不清换一张?</a></td> & lttd>。& ltimg src = " images/very code . png "/& gt。& lta href="#">。看不清楚。换一个?& lt/a>。& lt/td>。
& lt/tr>。
& lttr>。
& lttd>。& ampnbsp。& lt/td>。
& lttd>。& ltinput type = " image " src = " images/BTN . png " & gt。& lt/td>。
& lt/tr>。
& lt/table>。
& lt/form>。
& lt/body>。
& lt/html>。
免费网站建设材料下载:sucaiq.com
如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢各位对物质圈的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!
1.《表单代码 HTML 使用表单标签实现注册页面的实例代码》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。
2.《表单代码 HTML 使用表单标签实现注册页面的实例代码》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址,https://www.lu-xu.com/caijing/1537450.html