2017.9.17 HTML学习总结---table标签

接上:

2.1.3  HTML表单标签与表单设计

表单是用户与服务器交互的主要方法,用户在表单中输入数据,提交给服务器程序来处理。

(1)表单的组成:

   文本框(text),密码框(password),多行文本框(Multiline text box)、

单选按钮框(Single - radio copy box),复写框(Carbon frame),文本域(text field),隐藏(hidden)

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

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

  它包括:name,method,action,target等属性

  语法格式:

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

    .......

    </form>

(3)<input>标记及其属性

(它必须嵌套在表单标记中使用,用于定义一个用户的输入项,它是单标记)

  基本语法:

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

注意:<input>标记主要有6个属性:type,name,size,value,maxlength,check。

   其中,name和type是必选的两个属性,name属性的值是响应程序(由form标记中的action属性指定)中的变量名。

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

 4.1 文本域:

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

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

 4.2密码域:  

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

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

 4.3单选按钮:

   <input type="radio" name="" value="" checked/>

含义:check的属性用来设置改单选按钮默认状态是否被选中,当有多个互斥的单选按钮时,设置相同的name值.

 4.4复选框:

   <input type="checkbox" name="" value="" checked/>

含义:check的属性用来设置改单选按钮默认状态是否被选中,当有多个互斥的复选框时,可设置相同的name值,

也可以设置不同的name值。

 4.5提交按钮:

   <input type="submit" name="" value=""/>

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

 4.6取消按钮:

  <input  type="reset"  name=""  value=""/>

 4.7图像按钮:

  <input type="image"  src="图片"/>

含义:使用图像代替submit按钮,图像的源文件名由src属性指定

 4.8文件域:

  <input type="file" name=""  maxlength=""/>

含义:上传文件

 4.9隐藏域:

  <input type="hidden"  name="" value=/>

含义:用户不能在其中输入信息,用来预设某些要传递的信息

 

posted @ 2017-09-17 12:33  LegendQi  阅读(244)  评论(0编辑  收藏  举报