form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
- 创建一个表单，实现与本页或其他页面的数据交互。
| input标签(type） | 作用 |
|---|---|
| checkbox | 复选框 |
| radio | 单选框 |
| file | 输入字段和 "浏览"按钮，供文件上传 |
| hidden | 隐藏的输入字段 |
| password | 密码字段。该字段中的字符被掩码 |
| reset | 重置按钮。重置按钮会清除表单中的所有数据 |
| submit | 提交按钮。提交按钮会把表单数据发送到服务器 |
| button | 可点击按钮 |
| textarea | 用户可在其中输入文本，可调整大小 |
post 和 get 方式的区别？
- 传送方式：get通过地址栏传输，post通过报文传输。
- 传送长度：get参数有长度限制（受限于url长度），而post无限制
1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式；
2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；
在input里，name 有什么作用？
作为可与服务器交互数据的HTML元素的服务器端的标示。
radio 如何 分组?
以是否是相同的name值来分。
placeholder 属性有什么作用?
可在文本框中显示灰色的提示字符。
type=hidden隐藏域有什么作用? 举例说明
在当前页面不会有什么变化，但是实际上他也是会提交给服务器：一般会暂存一些信息；另外出于安全的考虑了。
简单介绍 HTML 表单的用法
实现如下表单,附上预览地址。其中性别和取向是单选，爱好是多选
<!doctype html>
<html>
<head>
<meta charsest='utf-8'>
<meta name="viewport" content="width=device-width">
<tiltle>html表单</title>
</head>
<body>
<form action="/" method="POST">
<div class="username">
<lable for="username">姓名：</lable>
<input type="text" name="username" placeholder="用户名">
</div>
<div class="password">
<lable for="password">密码：</lable>
<input type="password" name="password" value="1213124134">
</div>
<div class="sex">
<lable>性别：</lable>
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</div>
<div class="sex1">
<lable>取向：</lable>
<input type="radio" name="sex1" value="男">男
<input type="radio" name="sex1" value="女">女
</div>
<div class="hoppy">
<lable>爱好：</lable>
<input type="checkbox" name="hoppy" value="dota">dota
<input type="checkbox" name="hoppy" value="旅游">旅游
<input type="checkbox" name="hoppy" value="宠物">宠物
</div>
<div class="task">
<lable>评论：</lable>
<textarea cols="60" rows="10">
ddd
</textarea>
</div>
<div class="car">
<lable>我的car：</lable>
<select name="mycar">
<option value="bengtian">本田</option>
<option value="sabo" selected>萨博</option>
<option value="dazhong">大众</option>
</select>
<input type="submit"value="Submit">
</div>
</form>
</body>
</html>
网友评论