表单的代码

2023-04-11 22:18:25 来源:网络

表单的代码

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>

<td><input style='width:250px' value='请输入用户名' /></td>

</tr>

<tr>

<td align="right" valign="top"><div>密 码:</div></td>

<td><input style='width:250px' value='请输入密码' /></td>

</tr>

<tr>

<td align="right" valign="top"><div>确 认:</div></td>

<td><input style='width:250px' value='请再次输入密码' /></td>

</tr>

<tr>

<td align="right" valign="top"><div>姓 名:</div></td>

<td><input style='width:250px' value='请输入真实姓名' /></td>

</tr>

<tr>

<td align="right" valign="top"><div>邮 箱:</div></td>

<td><input 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>