HTML中的表单

目录

1、表单的作用

2、定义表单的语法

3、file控件

4、hidden控件

5、readonly和disabled

6、maxlength属性

---

1、表单的作用

用来向服务器发送用户输入的信息

2、定义表单的语法

<form  action="提交地址"    method="get/post">

                                        <!--表单中只有有name属性的才能提交-->
        用户名：<input  type="text"       name="username" />    <!--文本框-->
                            
        密码：<input type="password"  name="password" / >       <!--密码框-->                           

        性别：<input type="radio"   name="sex"    value="m"   checked/ > 男  <!--单选框-->    
              <input type="radio"   name="sex"    value="w"   / >  女    

                                                        <！--checked表示默认选中-->

        爱好：<input type="checkbox"  name="hobby"  value="smoke" / >抽烟    <!--复选框-->
           <input type="checkbox"  name="hobby"  value="drink"/ >喝酒
           <input typt="checkbox"   name="hobby"  value="firehair" / >烫头

        学历：<select name="xueli"    multiple  (多选)    size="显示的条数" >   
                 <!--下拉列表-->  
                 <option value="gz">高中</option>
                 <option value="dz">大专</option>   
                 <option value="bk"  selected>本科</option>    <!--selected表示默认选中-->
                 <option vaule="ss">硕士</option>
             </select>
   

简介：<textarea  name="jianjie"  rows="行数"  cols="列数"></textarea>  <!--文本域-->


               <input  type="submit"  value="提交" />     
         <!--只有submit能提交表单，button只是一个普通按钮不能提交表单-->     

               <input type="reset"  value="重置">             <!--重置表单-->

</form>

notes（注释）:

一个网页上可以存在多个表单

按钮必须在表单内才能提交

表单中只有有name属性的才能提交

数据提交的格式：属性=属性值&属性=属性值

表单中没有填写的默认提交空字符串

3、file控件

<input  type="file" />

作用：用来上传文件

4、hidden控件

<input type="hidden"   name="coder"  value="天下第一">

作用：用来隐藏数据

5、readonly和disabled

<input  type="text"  readonly   value="1111" / >

<input type="text"  disabled    value="2222"/>

效果如下：

notes：

两者都是只读

readonly能提交给服务器

disabled不能提交给服务器

6、maxlength属性

作用：用来制定输入的最大长度

<input  type="text"  maxlength="3" / >    <!--最多输入3个字符-->