HTML-06-form表单介绍及相应案例

一、表单标签

1. form标签在表单中使用就如同table标签在表格中的作用，我们所使用的表单标签都要放在form标签内才能生效。
2. 常用form标签及各自属性：

name：用于给表单命名

<form name=”Name”></form>

method：表单数据提交的方式

<form method="post"></form>

（get：默认方式直接将数据提交到相应地址，对于数据不安全；post：将表单中数据打包提交到相应地址，对于数据安全）

action：表单提交地址

<form action="index.php"></form>

二、input标签

<input type=”’ name=”” value=””>

1. name:关键词，作用域
2. value：表单元素的值
3. type表单元素类型

1. text：文本框（placeholder=“”提示文本）

<input type="text" placeholder="请输入用户名">

1. password：密码框

<input type="password" placeholder="请输入密码">

1. radio：单选框

<p>

            <span>boy</span>

            <input name="gender" type="radio">

</p>

<p>

           <span>girl</span>

            <input checked name="gender" type="radio">

</p>

1. checkbox：多选框(当用户进行多项选择时，可以使用checkbox在一组复选框中多选)

<p>您的爱好：</p>

        <p>

            <span>阅读</span>

            <input name="hobby" type="checkbox">

        </p>

        <p>

            <span>旅行</span>

            <input name="hobby" type="checkbox">

        </p>

        <p>

            <span>游泳</span>

            <input name="hobby" type="checkbox">

        </p>

        <p>

            <span>烹饪</span>

            <input checked name="hobby" type="checkbox">

        </p>

1. button：按钮
2. submit：提交按钮，点击会将数据提交到指定的地址

 <!-- 提交 –>

 <input type="submit">