古詩詞大全網 - 成語解釋 - HTML5網頁前端設計中如下表單的代碼怎麽寫?

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>