HTML 05

form表单

都是在input控件下的属性

         什么是表单？
                接收用户的信息，填写信息后，提交数据给服务器
                
         怎么画一个表单？
                使用form标签画表单：  <form></form>
                一个网页中可以有多个表单
                form中的action属性
                method属性：
                              method属性中有：
                                                     post属性
                                                     get属性

                              <form action = "服务器地址" method = "post">
                              post属性:
                                  有post属性，那么将不把用户属性显示到浏览器的地址栏上
                                  
                              get属性：
                                   采用get属性提交， 用户提交的数据 出现显示在浏览器的地址栏上
                                   当用户提交的信息用敏感的信息的时候，建议采用post属性提交，如密码
                                   method属性不指定，或者指定get，这种情况下都会在浏览器的地址栏上显示
                                   只有指定为post才不会
                              超链接：      
                                   超链接可以提交数据给服务器，但是提交的数据是固定的
                                   超链接是get属性请求，不是post属性请求
                                  
                表单最终还是要提交给服务器的，需要在action中填写服务器地址
                表单向服务器发送请求时可以携带数据
          
          input输入域：
                         input中有一个type(模式)属性  <input type="加上内容">
                         input是 独目符号
                         
                        对于按钮来说  value属性设置按钮上显示的信息，输入文本框和密码时，是不需要指定的
                        text，在输入域中显示文本输入框
                        reset属性表示清空 
                        submit属性表示登录
                        name属性多种名字类的定义
                        
                         
                        注意：
                               必须放在form中才能执行
                        
                        表单是什么格式提交数据给服务器的？
                                整个表单中向服务器提交的是name和value
                                不想提交这一项，那么就不写name 
                                 
                                网址形式
                                格式：
                                           action？name=value&name=value&name=value.....（HTTp规定的）

用户注册表单

                <form action = "服务器地址">
       
               用户名
                 	<input  type = "text"  name = "username" />
               密码
                    <intput type = "password" name = "username" /><>
               确认密码
                     <intput type = "password" />
               性别
                       <intput  type = "radio" name = "gender" value = "代表事物的用词"/>男
                        <intput  type = "radio" name = "gender" value = "代表事物的用词"/>女
                        单选按钮的value需要手动指定
                        要默认的话需要在value后面添加 checked
               兴趣
                     <intput type = "checkbox" name = "interesting" value = "baskteball"/>打篮球
                     <intput type = "checkbox" name = "interesting" value = "...">.....	
                             
               学历
                           <select name = "name"/>
                              <option value = "gz">高中</option>
                                <option value = "dz">大专</option>
                                  <option value = "bk">本科</option>
                                    <option value = "yb">一本</option>
                              </select>
                              后面加selected，可以被视为默认选中	 
               
               简介
               <textarea 加属性比如 rows = "10" 加上行数，列数 cols等等 name = "introduce"></textarea> 
               文本域：textarea
               文本域没有value属性，用户填写就是value
                
               最后设置提交，注册，重置等按钮	
               
          </form>            

下拉列表怎么显示多个条目，怎么支持多选

      <select multipe = "multipe" size = ""> 可以加属性，进行规范
                 <option>内容</option>
                 multiple 支持多选的
         </select>

file控件

             <input type = "file"/>
             可以进行选择文件，文件上传专用

hidden控件

            隐藏域：网页上看不到，但是表单 提交的时候会自动提交给服务器
                          （ 在网页上不显示按钮，在提交的时候会提交给服务器）
                          
               <form action = "服务器地址">
               <input type = "hidden" name = "uerrid"  value = "111">
               用户代码   <input type = "text" name = "usercode"  >
               <input type = "submit" value = "提交">

readonly和disabled

               <form action = "服务器地址">
               用户代码 
                 <input type = "text" name = "usercode" readonly  />
               //readonly表示只读
               用户姓名
                <input type = "text" name = "username" disabled />	
               //表示只读
               相同点都是：只读，不能修改
               不同点：readonly可以提交数据给服务器
                              disabled不能提交数据给服务器，即使有name

maxlength控件

                       <input type = "text" maxlength = "3" />
                       表示：
                       maxlength，最大长度的意思