2.1.3  HTML表单标签与表单设计

(1)表单的组成:文本框(text),密码框(password),多行文本框(Multiline text box)、

         单选按钮框(Single - radio copy box)、复写框(Carbon frame)、

         下拉菜单/列表(Drop down menu list)、按钮(buttom)、

         文本域(text field)、隐藏(hidden)等元素。。。

(2)<form> 和</form>标记及其属性

  它包括:name,method,action,target

  语法格式:

    <form name="表单名称" method="提交方法" action="处理程序">

    .......

    </form>

  基本语法:

     <input name="输入域名成" type="域类型" value="输入域的值">

 

 (4)input输入域的九种类型

  文本域:  <input type="text" name="文本字段名称" maxlength="" size="" value="">      

        其中size和 maxlength是用来定义次区域显示的尺寸大小与输入的最大字符数;

  密码域:  <input type="passord" name="密码字段的名称" size="" maxlength="" value="">

        当用户输入密码时,区域内将会显示“*”号代替用户输入的内容

  单选按钮: <input type="radio" name="" value="" checked/>

        check的属性用来设置改单选按钮默认状态是否被选中,当有多个互斥的单选按钮时,

        设置相同的name值.

  复选框:  <input type="checkbox" name="" value="" checked/>

        check的属性用来设置改单选按钮默认状态是否被选中,

        当有多个互斥的复选框时,可设置相同的name值,也可以设置不同的name值。

  提交按钮: <input type="submit" name="" value=""/>

         将表单内容提交给服务器的按钮

  取消按钮:<input type="reset" name="" value=""/>

  图像按钮:<input type="image" src="图片"/>

  文件域:<input type="file" name="" maxlength=""/>

  隐藏域:<input type="hidden" name="" value=/>

 

相关文章:

  • 2021-08-28
  • 2021-06-19
  • 2022-01-05
  • 2021-08-17
  • 2022-12-23
  • 2021-12-04
猜你喜欢
  • 2022-12-23
  • 2021-12-27
  • 2021-11-30
  • 2022-12-23
  • 2022-12-23
  • 2021-12-27
  • 2021-12-27
相关资源
相似解决方案