1. form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
- 作用:
HTML通过form标签创建表单为用户提供文本字段、复选框、单选框、提交按钮等向服务器传输数据。
type 规定 input 元素的类型。
src 定义以提交按钮形式显示的图像的 URL。
checked 规定此 input 元素首次加载时应当被选中。
value 规定 input 元素的值。
name 定义 input 元素的名称。 - 常用的input标签:
type="text"规定输入文本信息
type="password"规定输入密码
type="radio"规定单选框样式
type="checkbox"规定复选框
type="button"规定按钮
type="submit"规定提交命令
selecl标签规定下拉菜单
textarea规定文本域
fieldset规定表单的外框
2. post 和 get 方式的区别？
- get:
查询或提交字符串（名称/值对）是在url中发送的，长度有限制
请求可能被缓存、保留在cookie中及收藏为书签
请求不应处理敏感数据 - 查询或提交字符串（名称/值对）是在请求的http消息主体中发送的，长度没有限制
post请求不会缓存、不保留在cookie中及不会收藏为书签
适用于处理敏感数据(password等数据)
POST /test/demo_form.asp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2
3. 在input里，name 有什么作用？
- name属性规定input元素的名称，常用于对提交到服务器后的表单数据进行标识或在客户端通过Javascript引用表单数据，注意只有设置了name属性的表单元素才能在提交表单时传递数据！
- 注意input标签中name与value的区别
- value属性为input元素设定type不同而有不同的定义
- type="text"和"password"的value属性会显示初始值
- type="radio"和"checkbox"的value属性定义与输入相关联的值
- type="button"、"reset"和"submit"的value属性定义按钮的名称
4. <button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value="提交"> 三者有什么区别？
- 可以嵌入不同样式的按钮风格，但不添加js将不具备实际功能
- 本质上是一个进入特定url的超链接
- 具备实际提交功能的按钮，数据会发送到表单的 action 属性中指定的页面，但是其风格固定且不能嵌入图片等素材
5. radio 如何分组?
在单选框中，通常将同一组的name属性赋予相同值即可实现分组
<input type="radio" name="person" value="Tom">Tom
<input type="radio" name="person" value="Mike">Mike
<input type="radio" name="person" value="Jack">Jack
6. placeholder 属性有什么作用?
placeholder 属性提供可描述输入字段预期值的提示信息（hint）。
该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
Paste_Image.png
.
7. type=hidden隐藏域有什么作用? 举例说明
隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。
网友评论