input表单

表单目的：收集用户信息
HTML中，一个完整的表单包括三个部分：

1）表单控件
2）提示信息
3）表单域

• input控件（重点）

语法：内容<input 属性（常用type）="属性值" type下面的属性（如name、value等）="名字">

type属性为其最基本的属性类型，说明了属于哪种表单 radio 如果是一组，我们必须给他们命名相同的名字，如下图。

结果：


结果：


结果


结果：

label标签

作用：用于绑定一个表单元素，当点击label标签的时候，被绑定的表单元素就会获得输入焦点。
for属性规定label与哪个表单元素绑定，如下图：

• textarea控件（文本域）

text文本框，只能写一行文本； 而像需要输入大量信息时，一行的文本远远不满足需求； 所以通过textarea控件创建多行文本框，语法格式：

	<textarea name="" id="" cols="30" rows="10"></textarea>

还可以设置默认文字，上述代码结果：

• 下拉菜单
  使用select控件定义下拉菜单的基本语法格式，select选择

语法格式：

<select>
		<option>选项1</option>
		<option>选项2</option>
		<option>选项3</option>
		<option>选项4</option>
		....
</select>

结果：

• 表单域
  form标签用来定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会提交给服务器。
  创建表单基本语法格式：

action属性作用：指定接收并处理表单数据的服务器的地址
method：用于设置表单数据的提交方式，有两种方式： get /post；post方式是匿名的方式
name：用于指定表单名称，以区分同一个页面中的多个表单
注意：每个表单都应该有自己的表单域

查看文档：
https://www.w3school.com.cn/
https://developer.mozilla.org/zh-CN/docs/Learn