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>
```
相关阅读:
centos7安装mysql8.x的注意事项，与5.x版本有许多不同
 声明变量let和const
2022.9.20 go语言课程作业
 详解：MySQL自增ID与UUID的优缺点及选择建议，MySQL有序uuid与自定义函数实现
 从javascript到es6的函数、数组、对象、运算符升级
 SpringCloud Alibaba - 基于 FeignClient 整合 Sentinel，实现“线程隔离”和“熔断降级”
【ubuntu】详解解压命令（.tar、.gz、.tar.gz、.bz2、.tar.bz2、.zip、.rar等）
TV蓝牙无法被搜索问题解决记录：REQUEST_DISCOVERABLE ActivityNotFoundException
独立机器连接cdh的spark集群，远程提交任务（绝对可以成功，亲测了n遍）
QTableWidget的初始化、批量添加数据、批量添加控件、分页跳转、定位到指定行、添加/插入/删除行的功能实现
原文地址：https://blog.csdn.net/xiaomoge__/article/details/126845110

一、表单

二、常见的表单输入元素

6、提交按钮（Submit Button）

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