h5 表单

作用：表单用来收集用户信息。
           组成：
                       ☞表单域（form）
                       ☞控件（重点）
                       ☞提示信息

☞表单域（form）
                     ◆action属性：  设置处理表单数据的后台程序。
                     ◆method属性： 设置表单数据提交方式（post  或get）
                    get： 将表单中的数据显示到地址栏中，不安全。

                     Post： 通过后台的方式提交数据，比较安全。

//注意 type 后面是规定要求的  必须按照写   name后面可以随便写

<form action="1.php"  method="post">

        用户名：<input type="text" name="username">

        密码：<input type="password" name="pwd">

        <input type="submit">

 </form>

☞表单控件（form）

如果需要进行表单提交那么一定要放在表单域中  ，如果不需要提交那么可以不放在表单域中

<form>

  ☞输入框

属性name： 设置控件的名称
                 属性maxlength： 设置控件中最大能输入的字符个数
                 属性readonly： 设置输入框为只读（只能看，不能编辑）
                 属性disabled： 控件未激活。。（只能看，不能编辑）
                 属性value：    设置控件默认值

 昵称：<input type="text" name="username" maxlenth="6" realdonly value="被子控件默认值">

<br>   换行标签

 ☞密码输入框

密码：<input type="password" name="paw" maxlenth="6" realdonly value="被子控件默认值">

    注意： 该控件中的输入与文本输入框中的输入一致

 ☞单选控件

//性别 一样的名字指的是一个控件  要实现单选的效果，必须给单选控件设置相同的名称name。
属性checked 设置默认选中项

<input type="radio"  name="gander" checked> 男

<input type="radio" name="gander" > 女

☞下拉列表框  

属性：multiple    设置多选效果
          selected    设置默认选中项

籍贯：<select multiple>

                 <option>山东</option>

                 <option>河北</option>    

                 <option selected >河南</option>

          </select>

//select 另外一种写法

籍贯：<select>

               <optgroup>

                           <option>山东</option>

                           <option>河北</option>    

                           <option >河南</option>

             </optgroup>

         </select>

 ☞多选控件    默认选中 也用 checked

<input type="checkbox" > 抽烟

<input type="checkbox" > 喝酒

<input type="checkbox" > 逛街

 ☞上传控件

请上传头像 :<input type="file" > 

 ☞隐藏控件  例如ID值放在隐藏控件里面

隐藏：<input type="hidden" value="张三" name="uname" > 

☞表单分组控件 （应该写在name外面 达到分层的效果 (包含)暂时就不写了）

          <fieldset>

                    <legend>   人民信息表  </legend>

          </fieldset>

☞多行文本域

          <textarea></textarea>

 ☞按钮：
             ◆表单提交按钮

           <input type="submit">

             ◆表单提交按钮(图片按钮)
            <input type="image" src="图片名称">

          ◆普通按钮（配合js使用） 不能进行表单提交

          <input type+"button" value="按钮">

          ◆重置按钮

               将表单中的数据恢复到默认值。

           <input type="reset">

 </form>