HTML 表单

在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。

表单控件

包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

input控件

语法：

<input type="text">

• input 输入的意思
• <input >标签为单标签
• type属性设置不同的属性值用来指定不同的控件类型，type="text"是文本输入框
• 除了type属性还有别的属性

密码框(password)

<input type="password"> 密码框

效果图

单选框(radio)
在定义单选框时，选项的name属性必需一样

<input type="radio" name="sex" >男
<input type="radio" name="sex" >女

效果图

复选框(checkbox)

<input type="checkbox">吃饭
<input type="checkbox">睡觉
<input type="checkbox">阅读
<input type="checkbox">听音乐

效果图

普通按钮（button）、提交按钮（submit）、重置按钮（reset）

<input type="button" value="普通按钮">
<input type="reset" value="重置按钮">
<input type="submit" value="提交按钮">

效果图

textarea控件（多行文本输入框 ）
语法：

<textarea cols="每行中的字符数" rows="显示的行数">
文本内容
</textarea>

例

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

效果图

提示信息

value属性值:
value 默认的文本值。 有些表单想刚打开页面就默认显示几个文字，就可以通过这个value 来设置。

用户名:<input type="text"  name="username" value="请输入用户名">

效果图

name属性
name表单的名字，后台可以通过这个name属性找到这个表单。 页面中的表单很多，name主要作用就是用于区别不同的表单。

• name属性后面的值，是我们自己定义的。
• radio 如果是一组，我们必须给他们命名相同的名字 name 这样就可以多个选其中的一个啦

用户名:<input type="text"  name=“username”>

<input type="radio" name="sex">男
<input type="radio" name="sex">女

checked属性
表示默认选中状态。 较常见于 单选按钮和复选按钮，如下面这个例子，就默认选中了 女 这个单选按钮

性    别:
<input type="radio" name="sex" value="男" checked="checked" >男
<input type="radio" name="sex" value="女" checked="checked">女

效果图

表单域

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

<form action="url地址" method="提交方式" name="表单名称">
各种表单控件
</form>

action:数据提交的方向,用于指定接收并处理表单数据的服务器的url地址
method: 数据提交的方式，有get和post两种，默认为get
name: 用于指定表单的名称