HTML——表单标签＜form＞与表单的实现

本人所用编辑器：vscode；使用浏览器为chrome

---

目录

1.基础知识

  1.1基础知识详解

  1.2action和method属性

  1.3input标签

2.调查问卷的实现

  2.1问卷及效果

  2.2源代码

---

1.基础知识

  1.1基础知识详解

  下方借用一下一位博主的知识分享，我感觉写的比较全面和详细。对于书本内容部分，我不在此处进行多余的解释。大家有空可以查看下这位博主写的文章。HTML之表单的基本知识https://blog.csdn.net/m0_46374969/article/details/113106325?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165762457316782246459341%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=165762457316782246459341&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-3-113106325-null-null.142%5Ev32%5Enew_blog_fixed_pos,185%5Ev2%5Econtrol&utm_term=%E8%A1%A8%E5%8D%95%E6%A0%87%E7%AD%BE&spm=1018.2226.3001.4187

  1.2action和method属性

  form标签主要有两个属性：action和method。简单解释为；

        （1)action：动作 将数据提交到哪里

          (2) method：方法  表示怎么提交

  action后面可以直接跟相对应的URL，但是method属性有2种不同的属性值分别为；get和post两种不同的提交方式。get方式提交：将所写的文字使用明文的方式展示在地址栏上最多不能超过2048字符，适合发送非安全数据； post方式提交：不在网址上显示所写内容，没有大小限制。可以发送敏感数据。

 <!-- #代表提交到当前页面 -->
 <form action="#" method="get/post">
 </form>

  1.3input标签

  <input> 标签规定了用户可以在其中输入数据的输入字段。<input> 标签可以在表单标签 <form> 中使用，用来声明允许用户输入数据的 inpu