前言

 

在网页中，我们需要跟用户进行交互，收集用户资料，此时就需要用到表单标签

 

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

 

一、表单域

 

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

 

在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递

 

<form>会把它范围内的表单元素信息提交给服务器

 

二、表单元素

 

在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件

 

表单元素可分为三类，即：input输入表单元素、select下拉表单元素、textarea文本域元素

 

1.input 输入表单元素

 

<input>标签是一个单标签，用于收集用户信息

 

<input>标签的属性——

 

几个重要属性的作用——

 

文本框（text） <input type="text">

 

    <form action="#">

 

        <input type="text">

 

    </form>

 

密码框（password） <input type="password">

 

    <form action="#">

 

        <input type="password">

 

    </form>

 

单选按钮（radio） <input type="radio">

 

    <form action="#">

 

        性别：男<input type="radio">女<input type="radio">

 

    </form>

 

复选框（checkbox） <input type="checkbox">

 

    <form action="#">

 

        爱好：吃饭<input type="checkbox">睡觉<input type="checkbox">

 

    </form>

 

提交按钮（submit） <input type="submit">

 

    <form action="#">

 

        <input type="submit" value="提交">

 

    </form>

 

重置按钮（reset） <input type="reset">

 

    <form action="#">

 

        <input type="reset" value="重新填写">

 

    </form>

 

普通按钮（button）<input type="button">

 

    <form action="#">

 

        <input type="button" value="确认">

 

    </form>

 

文件域 （file） <input type="file">

 

    <form action="#">

 

        上传头像：<input type="file">