制作一个表格表单

  • Post author:
  • Post category:其他


<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″ />

<title></title>

</head>

<body>

<form action=”#” method=”post” enctype=”multipart/form-data”>

<table style=”border: 1px solid black;width: 500px;height: 500px;”>

<tr style=”background-color: darkgray;”>

<td colspan=”2″ align=”center”>

<b>用户注册</b>

</td>

</tr>

<tr style=”background-color: aliceblue;”>

<td>

<b>用户名</b>

</td>

<td>

<input type=”text” name=”user” id=”” autocapitalize=”请输入用户名”><br>

</td>

</tr>

<tr style=”background-color: aliceblue;”>

<td>

<b>密nbsp;码</b>

</td>

<td>

<input type=”password” name=”user” id=””><br>

</td>

</tr>

<tr style=”background-color: aliceblue;”>

<td>

<b>性别</b>

</td>

<td>

<input type=”radio” name=”fux” value=”男”>男

<input type=”radio” name=”fux” value=”女”>女

</td>

</tr>

<tr style=”background-color: aliceblue;”>

<td>

<b>爱好</b>

</td>

<td>

<input type=”checkbox” name=”www” value=”write”>写作

<input type=”checkbox” name=”www” value=”listen”>听音乐

<input type=”checkbox” name=”www” value=”report”>体育

</td>

</tr>

<tr style=”background-color: aliceblue;”>

<td>

<b>省份</b>

</td>

<td>

<SElect name=”CITY” id=”CITY”>

<OPtion>西安</OPtion>

<option value=””>武汉</option>

<option value=””>徐州</option>

<option value=””>南京</option>

</SElect>

</td>

</tr>

<tr style=”background-color: aliceblue;”>

<td>

<b>自我介绍</b>

</td>

<td>

</td>

</tr>

<tr style=”background-color: darkgray;”>

<td colspan=”2″ align=”center”>

<input type=”submit”>

<input type=”reset”>

</td>

</tr>

</table>

</form>

</body>

</html>

运行如下:



版权声明:本文为2301_76602495原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。