网页制作-表单元素2

选择输入

      单选按钮:name值一样，只能选择一个，name值不一样，能多选

      <form>
      <input type="radio" name="sex" value="男"/>男
       <input type="radio" name="sex" value="女"/>女
      
      </form>

      

      <form>
      <input type="radio" name="s" value="男"/>男
       <input type="radio" name="sex" value="女"/>女
      
      </form>

复选框

      <form>
       <input type="checkbox" />项目一
       <input type="checkbox" />项目二
        <input type="checkbox" />项目三
       <input type="checkbox" />项目四
       <input type="checkbox" />项目五
      </form>

单选按钮，复选框，默认选中为checked

       <form>
       <input type="checkbox" checked="checked" />项目一
       <input type="checkbox" />项目二
        <input type="checkbox" />项目三
       <input type="checkbox" />项目四
       <input type="checkbox" />项目五
      </form>

 

文件上传

      <form>
       <input type="file" />
      </form>

下拉列表size=1

      <form size=“1”>
       <select>
                 <option>山东
         </option>
                 <option>山西
         </option>
                 <option>广东
         </option>
                 <option>广西
         </option>
                 <option>北京
         </option>
       </select>
      </form>

size>1

      <form>
       <select size="5">
                 <option>山东
         </option>
                 <option>山西
         </option>
                 <option>广东
         </option>
                 <option>广西
         </option>
                 <option>北京
         </option>
       </select>
      </form>

multiple=“multiple”按住ctrl可以多选

    <form >
       <select size="5" multiple="multiple">
                 <option>山东
         </option>
                 <option>山西
         </option>
                 <option>广东
         </option>
                 <option>广西
         </option>
                 <option>北京
         </option>
       </select>
      </form>   

下拉列表设置默认

      <form action="0929.html" method="get"  name="ces">
       <select size="5" >
                 <option value="s" >山东
         </option>
                 <option value="s" selected="selected">山西
         </option>
                 <option value="s">广东
         </option>
                 <option value="s">广西
         </option>
                 <option value="s">北京
         </option>
       </select>
      </form>

disabled不可用  enable可用  readonly只读  hidden隐藏

     <form action="练习.html" method="get">
        <input type="submit" value="提交"  disabled="disabled"/>
       </form>

提交按钮变为灰色不可用