2021-04-18 表单

第一周 表单

1.表单的作用。
表单是和后台交互的手段。
客户端向服务器端提交数据，经常与脚本，动态网页，后台数据处理等结合在一起使用，是设计动态网页的必备元素。

2. 表单元素怎么写？
< form method=" " action=" "> < /form>

3. 表单的action属性和method属性是什么?
action属性：后台地址；规定当提交表单时，向何处发送表单地址。
method属性：请求方式 get和post； 规定如何发送表单数据。

4.get和post请求的区别。
get请求会明文显示（显示在地址栏）不安全，但方便快捷；
post请求可以传递的内容更大，更安全；

5. input为单标签

常见的表单元素有：
单选框：< input type=“radio” name="">
多选框：< input type=“checkbox” name="">
文本输入框：< input type=“text” name="">
密码输入框：< input type=“password” name="">
文本区域：< textarea>< /textarea>
文件上传框：< input type=“file” name="">
提交按钮：< input type=“submit” name="">
重置按钮：< input type=“reset” name="">
按钮：< input type=“button” value=“按钮”>
< button>按钮< /button>
下拉选择框：
< select>
< option> < /option>
< /select>

另外加：
隐藏框： < input type=“hidden” name="">

总结：
name:定义name元素的名称；
type:规定input元素类型。
text:单行文本输入框
password：密码输入框
checkbox:复选框
radio:单选按钮
image:图像按钮
submit:提交按钮
reset:重置按钮
button:普通按钮
file:文件选择框
hidden:隐藏框

6. 表单元素的name属性和value属性有什么作用。
name属性必须写，表单属性name是给后台的key（对值的描述）；即定义input标记的名称。
value属性 设置默认值；规定input标记的值。

7. label标签如何使用？
< label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。< label> 标签的 for 属性应当与相关元素的 id 属性相同。