1-表单标签

1、表单的作用：向服务器提交、发送数据

　　如果浏览器和服务器通信的过程中，需要向服务器提交一些数据，比如在登录时，需要向服务器提交用户名和密码，或者在百度搜索时，需要提交搜索的关键词，这些数据是如何发送给服务器的？

　　（1）通过表单向服务器发送数据

　　（2）通过超链接向服务器发送数据：http://www.baidu.com?user=zhangsan&age=18&like=pinpon&like=basketball

　　（在地址栏中URL地址后面通过问号拼接参数，参数可以有多个，多个参数之间可以使用&分隔）

<a href="http://www.baidu.com?user=zhangsan&age=18&like=pinpon&like=basketball"> </a>

2、表单标签

<form action="" method="">
<!-- action：将表单中的数据提交到哪一个位置（服务器）；
method：提交方式（可选），如果不指定默认是GET，常用的还有POST。-->

3、提交表单时，表单中的数据为什么没有被提交？

　　在表单中，每一个要提交数据的表单项标签都要具有name属性，如果表单项标签没有name属性，在提交表单时，该项会被忽略（不能提交数据），例如：

<input type="password" name="pwd"/>

4、如何让多个单选框只能有一个被选中？

　　可以设置这多个单选框的name属性值，只要name属性值相同，这多个单选框就是一个组的框，一个组的框只能有一个被选中。

<td>
    <input type="radio" name="gender"/>男
    <input type="radio" name="gender"/>女
</td>

 5、为什么单选框、复选框选择后提交的值都是on?

　　如果单选框或者复选框没有添加value属性，选择任何一个选项在最终提交时的值都是on值，这样服务器无法区分用户到底选择的是什么选项。

　　因此我们需要通过value属性为单选框和复选框设置选项被选中后所提交的值。

<td>
    <!-- 单选框 -->
    <input type="radio" name="gender" value="male"/>男
    <input type="radio" name="gender" value="female"/>女
</td> 
<td>
    <!-- 复选框 -->
    <input type="checkbox" name="like" value="football"/>足球
    <input type="checkbox" name="like" value="basketball"/>篮球
    <input type="checkbox" name="like" value=zuqiu/>排球
</td>

 6、如何设置单选框、多选框默认选中某一项？

　　只要在单选框、复选框元素上添加一个checked属性，值为checked，就可以让当前选项默认被选中。

<td>
    <!-- 单选框 -->
    <input type="radio" name="gender" value="male"/>男
    <input type="radio" checked="checked" name="gender" value="female"/>女
</td> 

<td>
    <!-- 复选框 -->
    <input type="checkbox" name="like" value="football"/>足球
    <input type="checkbox" name="like" value="basketball"/>篮球
    <input type="checkbox"  checked="checked" name="like" value="zuqiu"/>排球
</td> 

7、如何设置下拉选框中某一项默认被选中？

　　只需要在下拉选框中的option标签上添加一个selected属性，值为selected，就可以让当前的option选项默认被选中。

<td>
    <!-- 下拉选框 -->
    <select name="city">
        <option>北京</option>
        <option selected="selected">上海</option>
        <option>广州</option>
        <option>深圳</option>
    </select>
</td> 

 8、下拉选款中option选项上的value属性的作用是什么？

　　选中某一个option选项，在提交表单时，如果option上没有设置value属性，就会将option标签中的文本作为值进行提交。

　　如果option上添加了value属性，在提交表单时，就会提交value属性值。

<td>
    <!-- 下拉选框 -->
    <select name="city">
        <option value="bbjj">北京</option>
        <option selected="selected">上海</option>
        <option>广州</option>
        <option>深圳</option>
    </select>
</td> 

 

 

--------------------------我是结束线----------------------------------