表单元素

一 、<form></form>                         

             提交哪里            提交方式 显示/隐示         新的窗口/本窗口

   格式：<form   action=提交的页面 ；method=get/post ；target=_blank/_self></form>

二、文本   

   1.文本框 type=text                                           两个只能用一个                                                                                                                                                                                                                          

           格式：<input  type=text； name=”名称” ；value/placehoder=”文本框中的字符”；

                       readonly/disabled；maxlength="字的长度"/>

                readonly:锁定输入框不能写入，能提交（只能在文本框、密码框、隐藏域、文本域中使用）

                disabled:锁定输入框不能写入，同时不能提交（文本、选择、按钮都可以用）

                hidden:把此项的功能隐藏掉，能提交(都能用)

    2.密码框 type="password                                       两个只能用一个

       格式：<input  type="password" ；name=”名称”； value/placehoder=”文本框中的 符” ；

                   readonly/disabled ；maxlength="字的长度"/>

    3.隐藏域 type="hidden

    格式：<input  type="hidden"； name=”名称” ；value/placehoder=”文本框中的字符”；

                readonly/disabled ；maxlength="字的长度"/>

    4.文本域 <textarea></textarea>

  格式：<textarea  rows="行数"； cols=“宽度”； maxlength="字的长度" ；name=”名称” ；

                   value/placehoder=”文本框中的字符 ；readonly/disabled />  </textarea>

    三、按钮<input/>

      1.普通按钮 type=button                                                        锁定不能写入

             格式：<input  type=button; name=名称； value=http://www.mamicode.com/”字符”；disable="disabled"/>

      2.提交按钮 type=submit

      格式：<input  type=submit; name=名称； value=http://www.mamicode.com/字符； disable="disabled"/>

      3.重置按钮 type=reset

             格式：<input  type=reset; name=名称； value=http://www.mamicode.com/字符； disable="disabled"/>

      4.图片按钮 type=image

             格式：<input  type=image;  name=名称；  value=http://www.mamicode.com/字符；disable="disabled"；

                        Src=http://www.mamicode.com/图片； Width=px；height=px/>

    四、选择 type=radio

        1.单选按钮 type=radio                               两个neme要一样    默认选这一项

             格式：<input  type=radio ；value=http://www.mamicode.com/”D1” ；neme=F1； checked=checked/>

                             点击字体也能选中

                          <lable  for=D1> 男<labble>    重 点： for=value的值

                                 两个neme要一样

          <input  type=radio ；value=http://www.mamicode.com/”D2” ；neme=F1； />

                          <lable  for=D2> 女<labble>   重 点： for=value的值

        2. 复选框 type="checkbox"    

                                                           neme不能一样

            格式：<input  type="checkbox"； name="A1" ；value="http://www.mamicode.com/B1"  />

                         <label for="B1"  >张店</label>  重 点： for=value的值 

                     <input  type="checkbox"； name="A2"； value="http://www.mamicode.com/B2" />

                          <label  for="B2" >博山</label> 重 点： for=value的值

                     <input  type="checkbox" ；name="A4" ；value="http://www.mamicode.com/B3" " />

                                                  默认选中这一项

                          <label  for=B3  checked=checked>淄川</label>

        3.下拉列表<select><option></option></select>

      格式：<select  name=名称； size=1 >

                           <option  neme=名称 value="http://www.mamicode.com/值">凤凰</option>

                           <option  neme=名称 value="http://www.mamicode.com/值">老虎</option>

                                                                       默认选中这一项

                           <option  neme=名称 value="http://www.mamicode.com/值"；selected=selected>恐龙</option>

                      </select>

表单元素