<form method="POST">
<table>
<tr>
<td>姓名</td>
<td><input type="text" id="uname" name="uname"></td>
</tr>
</table>
</form>
成果展示：
html文档：
<!DOCTYPE>
<html>
<head>
<title>表单制作</title>
<body>
<center>
<h1>表单元素展示</h1>
<form method="POST">
<table>
<tr>
<td>姓名</td>
<td><input type="text" id="uname" name="uname"></td>
</tr>
<tr>
<td>年龄</td>
<td><input type="number" name="age"></td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="gender" value="0">
<input type="radio" name="gender" value="1">
</td>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox" name="aihao" value="1">游戏
<input type="checkbox" name="aihao" value="1">学习
<input type="checkbox" name="aihao" value="1">上网
<input type="checkbox" name="aihao" value="1">电影
</td>
</tr>
<tr>
<td>头像</td>
<td><input type="file" name="picture"</td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="button" value="按钮1"></td>
</tr>
</table>
</form>
</center>
</body>
</head>
</html>
在指定的div里显示html网页用iframe:
跳转链接：
样式style如何设置：
成果展示：
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.mushiming.com/mjsbk/11659.html