web前端入门到实战：html基本标签表单实现交互原理，单选框，复选框，下拉框介绍

最新推荐文章于 2023-01-17 19:49:19 发布

白T恤架构师

最新推荐文章于 2023-01-17 19:49:19 发布

阅读量589

点赞数

分类专栏： html 文章标签： web html 前端 web前端前端开发

本文链接：https://blog.csdn.net/ITHHH111/article/details/105342987

版权

本文介绍了前端开发中的HTML表单基础，包括表单在用户与服务器交互中的作用，以及如何通过单选框、复选框和下拉框收集用户信息。讲解了HTTP协议的请求-响应模式，GET和POST请求的区别，并通过代码示例解释了设置表单默认值的重要性以及如何指定提交地址。

摘要由CSDN通过智能技术生成

表单是什么？表单是前端和服务器做交互的一种机制，表单收集用户输入信息，之后发送或者提交给服务器。用户在输入的信息称之为内容，内容的文本分为普通和密码型，用户通过单选框、复选框、下拉框（也就是下拉菜单）完成内容信息输入，最后通过提交按钮发送给服务器！

这里要讲到浏览器怎么发送给服务器？涉及到http协议，也就是超文本传输协议，它是浏览器和服务器通讯的一种机制。模式为：请求——应答，浏览器发送请求=>服务器接收=>自身处理=>结果返回浏览器=>浏览器根据结果展示页面给用户，请求分为GET和POST。下面用代码依次展示说明：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>html基本标签表单实现交互原理，单选框，复选框，下拉框介绍</title>
 7 </head>
 8 <body>
 9     <form action="" method="POST">
10         <!-- <input type="text"> --><!--如果没有name值，提交不成功，导航网址会显示file:///C:/Users/Administrator/De