Html中form标签的定义与应用

        <form>标签用于输入创建html表单。

          form表单能包含input元素，根本type输入的不同值，作用各不相同。比如文本字段、单选框、复选框和提交按钮等等。

          1、form表单的属性有

             a、action-- 跳转指定的路径

             b、 target 打开页面的方式 分为

                  _self 在本页面打开

                   _black 在新空白页面打开

              c、method 传输的方式

                   get 显性

                   post 隐形

               

<form action="https://www.baidu.com" method="get" target="_blank">            
            <input type="submit" name="" id="" value="跳转到百度"  />
        </form>

   效果 ：点击，在新页面打开 https://www.baidu.com 。

             文本类输入

            主要用 <input type="  "   name=" "  value=" " />来完成

             文本框输入  <input type="  text"   name=" "  value=" " />来完成

             密码框输入  <input type="password "   name=" "  value=" " />来完成

             隐藏域         <input type="hidden "   name=" "  value=" " />来完成   此部分不被用户可见

             多文本输入   <textarea   cols=" "  rows=" " name=" "></textarea>

用户<input type="text" name="" id="" value="" /><br/>
        密码<input type="password" name="" /><br />
        隐藏域:该区域内容不被用户可见<input type="hidden" name=""/><br/>
        个人简介<textarea cols="20" rows="3" name=""></textarea>

  运行实例如右图：                      

                选择类菜单

            单选框： <input type="radio" name=" " value=" "/>   有属性checked="checked"为默认选择

             

<form>
                   男性：<input type="radio" name="sex" value="male" checked="checked"/><br />
                   女性：<input type="radio" name="sex" value="female"/>
        
                       </form>

  运行实例==                      

            复选框： <input type="checkbox" name="  ">    有属性checked="checked"为默认选择

   

<form>
                           爱好：<input type="checkbox" name="抽烟" id="" value="抽烟" />抽烟
                                 <input type="checkbox" name="美食" id="" value="美食" checked="checked"/>美食
                                 <input type="checkbox" name="散步" id="" value="散步" />散步
                       </form>

运行实例：        

            下拉列表：<select name=''><option value=''></option></select>   有属性selected="selected"为默认选择

<form>
                           <h4>文明古国</h4>
                           <select name="文明古国">
                               <option value="aiji">埃及</option>
                               <option value="zhongguo" selected="selected">中国</option>
                               <option value="yindu">印度</option>
                               <option value="babilun">巴比伦</option>
                           </select>
                       </form>

运行实例：     

            文件  ：  < input type="file" name="" id="" value="" />

<from>
                    <input type="file" name="" id="" value="" />
                </from>

运行实例： 

    其他属性：

|--------readonly='readonly' 只读 能传值
|--------disabled='disabled' 不可用 不能传值
|--------checked='checked' 单选与多选的默认选中
|--------selected='selected' 下拉的默认选中