2017.9.18 HTMl学习总结----input标签的额type

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>

(3)<input>标记及其属性（用于定义一个用户的输入项）

　　基本语法：

　　　　　<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=/>