Html 表单是什么？
Html 表单用于从客户端收集用户输入数据给服务器后台进行处理，是动态网页实现交互的重要一环。
举个例子
<html>
<head>
<title>
<h1>登陆界面</h1>
</title>
</head>
<body>
<form action=" " method="get">
<h1>登陆界面</h1>
用户名：<input type="text" name="username" /><br/>
密   码： <input type="password" name="password"/><br/>
<input type="submit" value="登陆"/>
<input type="reset" value="重置"/>
</body>
</html>从上面的登陆案例中我们可以看出：
1. 表单元素的格式
type=
- text(文本框), password(密码框)， hidden(隐藏), checkbox(多选框), radio(单选框),
name = 该元素的名字
2.action 制定把请求交给哪个界面
input 的元素举例
1. 文本输入
<input type="text" name="username" value="请输入名字" />2. 密码输入
<input type="password" name="password" value="请输入密码……"/>3. 单选框输入
选择性别
<input type="radio" name ="sex">男
<input type="radio" name ="sex">女<br/>注意：两个 name 是用的同一名字 “sex”，保证逻辑组层面上一致
4. 多选框输入
选择你喜欢的水果：
<input type="checkbox" name ="fruit">西瓜
<input type="checkbox" name ="fruit">桃子
<input type="checkbox" name ="fruit">李子<br/>注意：name 也需保证逻辑组一致
5. 隐藏输入
目的：它输入内容在用户界面看不到，而直接传给后台，用于传输一些特殊数据
<input type="hidden" value="123" name="hid"/>6. 下拉菜单
请选择你的出生地：
<select name="location">
<option value="北京"> ---北京---</option><br/>
<option value="上海"> ---上海---</option><br/>
<option value="重庆"> ---重庆---</option><br/>
</select>7. 留言框
请留言
<textarea cols="30" rows="10">请这里输入…… </textarea>8. 上传附件
上传附件
<input type="file" name="files"/><br>9. 登陆重置
<input type="submit" value="登陆"/>
<input type="reset" value="重置"/>最终效果
最近才开始学习 web 开发，初学 html 语言，虚心向各位前辈学习请教。
扫一扫
718
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
