HTML基础学习第五篇（HTML表单与输入）

HTML基础学习第五篇（HTML表单与输入）
一、表单

表单是一个包含表单元素的区域；

表单元素是允许用户在表单中输入内容，比如：文本域（lextarea）、下拉列表、

单选框（radio-buttons）、复选框（checkboxes）等等

表单使用表单标签:
来设置：

imput元素

二、常见的表单输入元素

多数情况下使用表单标签是输入标签（）。

输入类型是由类型属性（type）定义的。常见的输入类型如：

文本域（Text Fields）

1、文本域通过标签来定义，当需要在表单中输入字母、数字等内容时，

就会用到文本域。

First name:

Last name:

2、密码字段

使用来定义：

Password:

3、单选按钮(Radio Buttons)

使用来定义表单单选按钮：

男

女

4、复选框(Checkbox)

使用定义复选框，用户可在其中选取一个或多个

一年级

二年级

5、下拉单选列表

使用

6、提交按钮（Submit Button）

定义了提交按钮

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接受到的数据进行相关的处理。

用户名：

总结以上知识点：实现以下内容

代码如下
```
html>
<html>
     <head>
	    <meta charset="UTF-8">
	     <title>
		    小莫个人信息
		 title>
	 head>
	 <body>
	    <h1>请输入个人信息h1>
		<form action="test-6-2.html" method="get">
		姓名
		<input type="text" name="name"><br>
		银行卡密码
		<input type="password" name="password"><br>
		性别
		<input type="radio" name="sex" value="男">男
		<input type="radio" name="sex" value="女">女
		<input type="radio" name="sex" value="人妖">人妖<br>
		是否单身
		<select name="single">
		    <option value="">请选择option>
			<option value="单身">单身option>
			<option value="不单身">不单身option>
		select><br>
		个人爱好
		<input type="checkbox" name="hobby1" value="唱歌">唱歌
		<input type="checkbox" name="hobby2" value="看书">看书
		<input type="checkbox" name="hobby3" value="刷视频">刷视频
		<input type="checkbox" name="hobby4" value="打游戏">打游戏
		<input type="checkbox" name="hobby5" value="干饭">干饭<br>
		
		<input type="submit" value="提交">
		form>
	 body>
html>
```
相关阅读:
[Vue2]实现点击下拉筛选table组件
 前端自学需要把大量时间放在 HTML、CSS 吗？
【C++Vector容器底层剖析】完成了Vector容器的一些常用函数接口
 循环神经网络（RNN/LSTM/GRU）-学习总结1
FPC焊点剥离失效分析
 【C语言】程序环境和预处理
 C++类与动态内存分配
 JL-19-1 土壤温度速测仪浅谈工作原理
 [漏洞复现] jenkins 远程代码执行（CVE-2019-100300）
八、T100应付管理系统之员工费用报销管理篇
原文地址：https://blog.csdn.net/xiaomoge__/article/details/126845110

一、表单

二、常见的表单输入元素

6、提交按钮（Submit Button）

总结以上知识点：实现以下内容