html之表单

1、表单标签： 表单标签的作用是用于提交数据给服务器的。

表单标签的根标签是<form>标签

<body>
    <form action="http://www.baidu.com" method="post">
        <!-- 文本输入框 单行-->
        用户名：<input name="userName" type="text"/><br/>
        <!-- 密码框 -->
        密码：<input name="password" type="password"/><br/>
        <!-- 单选框  -->
        性别： 男<input checked="true" value="man"  name="sex" type="radio"/>   女<input name="sex" value="woman" type="radio"/><br/>
        <!-- 下拉框 -->
        来自的城市：<select name="city">    
                    <option value="BJ">北京</option>
                    <option value="SH" selected="true">上海</option>
                    <option value="GZ">广州</option>
                    <option value="SZ">深圳</option>
                </select><br/>
        <!-- 复选框  同一组的复选框name的属性值要一致 -->
       兴趣爱好：java <input value="java" name="hobit"  checked="checked" type="checkbox" />javascript <input type="checkbox" value="javascript" name="hobit" />android <input value="android" name="hobit" type="checkbox" /><br/>
       <!-- 文件上传框-->
        大头照：<input name="image" type="file" /><br/>
        个人简介:
        <!-- 文本域 -->
        <textarea  name="intro" rows="10" cols="30"></textarea><br/>
        
        <!-- 提交按钮 -->
        <input type="submit" value="注册"/>
        <!--  重置按钮 -->
        <input type="reset" value="重置"/>
    
    </form>
</body>

注解：

1、当为单选框的时候

type="radio"；当设置的多个单选框的name属性相同的时候就变成了了单选框；
且可以设置某一个单选框的属于为checked="true"或checked=checked",则此项变成默认选项

2、当为下拉框的时候

<option value="SH" selected="true">上海</option>
可以把某一个option的属性selected="true"或selected="selected"，则此一项变为默认展示的一项

3、当为复选框 的时候

同一组的复选框name的属性值要一致
且其中的一个的属性设置为checked="checked"或checked="true"则变为默认选项（可设多个）


常用的属性：

action: 该属性是用于指定提交数据的地址。

method： 指定表单的提交方式。

　　　　get : 默认使用的提交方式。 提交的数据会显示在地址栏上。

　　　　post ： 提交的数据不会显示在地址栏上。

注意： 表单项的数据如果需要提交到服务器上面，那么表单项必须要有name的属性值。

对于单选框、下拉框和复选框，提交的时候不仅要有name还要有value，因为其提交是传输的value值

posted @ 2017-02-24 19:38  mslog  阅读(192)  评论(0)  编辑  收藏  举报