form表单的使用方法及说明

目录

什么是form表单        

页面跳转

input标签

label的含义

多行文本输入框

按钮

单选框与复选框

分组标题

分组下拉菜单

---

什么是form表单        

        form表单是一个较为复杂的系统标签，其内部又可以包含一些很多的输入标签。比如文本框、多行文本框、单选框、复选框、下拉框等等。action表示的含义是当表单提交的时候，将数据发往何处。

---

页面跳转

        把a标签的href属性设置为#xxx时，点击这个a标签里面立刻就会跳转到id值为xxx的元素位置。

    <ul>
        <li><a href="#box1">第一块</a></li>
        <li><a href="#box2">第二块</a></li>
        <li><a href="#box3">第三块</a></li>
        <li><a href="#box4">第四块</a></li>
        <li><a href="#box5">第五块</a></li>

    </ul>
    <div id="box1" class="box">第一块</div>
    <div id="box2" class="box">第二块</div>
    <div id="box3" class="box">第三块</div>
    <div id="box4" class="box">第四块</div>
    <div id="box5" class="box">第五块</div>

---

input标签

        在form表单中，最常见的就是input标签，input是单标签，定义输入框，按钮等。type一般用来定义input的类型，他的值不同，对应input的功能也会发生改变。下面列举常用的有些值：

        1. text：定义文本输入框。

        2.password：定义密码输入框。

        3.