form表单（HTML标签）

定义：<form>标签代表一个表单，表单用于向服务器传输数据。包含<input>,可以是文本字段，按钮，单选框，复选框，提交按钮等，还可以包含<textarea><select>等。

form表单常用属性：

               name：用于定义表单的名称

               action：用于规定表单提交将数据发送给谁

               method：提交数据的方式，一般为post请求或get请求

格式：

     

    <form name="login" action="" method="get">
            
    </form>

   

form表单中的子标签：

                 input种类：

                          text：

   <form name="" action="" method="">
        text<br>
        <!--placeholder占位-->
        用户名：<input type="text" placeholder="请输入中文用户名">
        <hr>
    </form>

password：

             输入内容不可见，一般用于密码框。

 <form name="" action="" method="">
        password<br>
        密码：<input type="password">
        <hr>
        
    </form>

radio：

      单选，实现单选必须设置相同的名字。

<form name="" action="" method="">
        radio<br>
        是否记住密码：<input type="radio" name="nsp">是 <input type="radio" name="nsp">否
        <hr>
    </form>

checkbox：

    多选。

 <form name="" action="" method="">
        checkbox<br>
        选择喜爱的事物：<input type="checkbox" name="">唱 <input type="checkbox" name="">跳 <input type="checkbox" name="">rap <input type="checkbox" name="">篮球
        <hr>
    </form>

button:

按钮。

    <form name="" action="" method="">
        button<br>
        按钮：<input type="button" value="点我啊！">
        <hr>
    </form>

hidden：

用于提交表单，在页面上不显示，在源码中显示。

    <form name="" action="" method="">
        hidden<br>
        隐藏类型：<input type="hidden" value="123456">
        <hr>
    </form>

file：

用于提交文件，或者选择文件。点击时会弹出文件选择框。

 

    <form name="" action="" method="">
        file<br>
        <input type="file" value="提交文件">
        <hr>
    </form>

submit:

一般用于登录页面向后台提交登录信息。点击时会像后台发送登录信息。只会提交位于form表单内的信息。

    <form name="" action="" method="">
        text<br>
        <!--placeholder占位-->
        用户名：<input type="text" placeholder="请输入中文用户名">
        <hr>
        password<br>
        密码：<input type="password">
        <hr>
        submit<br>
        提交按钮：<input type="submit" value="提交">
        <hr>
    </form>

reset:

重置位于form表单内的信息。

    <form name="" action="" method="">
        重置：<input type="reset" value="重置">
        <hr>
    </form>

image：

图片类型，相当于图片按钮。

    <form name="" action="" method="">
        image<br>
        <input type="image" src="C:\Users\sd-acm\Desktop\sign.jpg">
        <hr>
    </form>

select：

下拉框。

  <form name="" action="" method="">
        select<br>
        <select>
            <option>上海</option>
            <option>广州</option>
            <option>深圳</option>
            <option>河南</option>
        </select>
        <hr>
    </form>

    <form name="" action="" method="">
        select<br>
        <!--multiple多选-->
        <select multiple="multiple">
            <option>上海</option>
            <option>广州</option>
            <option>深圳</option>
            <option>河南</option>
        </select>
        <hr>
    </form>

textarea：

文本标签。

    <form name="" action="" method="">
        textarea<br>
        <textarea width="10" height="40"></textarea>
        <hr>
    </form>