html怎么样写表单，表单详细教程
分类:
文章
•
2025-05-18 20:58:10
表单：
注意：html里属性都是字符串！
注意：button必须写在tr里，否则程序卡死！
不切割换行键:ctrl+回车
<form method="POST">
<table>
<tr>
<td>姓名</td>
<td><input type="text" id="uname" name="uname"></td>
</tr>
</table>
</form>
表单提交的方式：
快捷键快速调出开发者工具：
F12
表单元素:
修改：是hidden不是hiden
隐藏框：
文本框：
数字框：
单选框：
name相同
单选框高级(点文字也可选,有默认)：
复选框：
文件框：
下拉选择器：
文本域框(50列5行)：
按钮1：
按钮2：
成果展示：
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如何设置：
成果展示：
