表单

表单标签：

<form action="" method="">
</form>

表单标签的一些属性：

action：表单提交的地址

method:表单提交的方式

method有两个可选值：get和post

get方式最多传递2kb，一般用来取得和显示数据

post方式一般用来保存数据和更新，没什么数据大小限制

id:唯一，主要用在css和javaScript中作为标识使用

name：不唯一，一般用于表单在逻辑的值的传输

target：和超链接的target一样用法，主要是新页面的加载方式

enctype：数据的传输格式

 

表单控件：

当然，控件都可以有name和id属性,value属性一般代表初始值

文本域：

  单行文本域：<input type="text"/>

  密码文本域：<input type="password"/>  <!--与文本域的区别是里面输入的值是不可见的-->

  多行文本域：<textarea cols="5" rows="3"/><!--rows属性和cols属性分别表示多行文本域的行和列-->

  图像域： <input type="image" src=""/> <!--图像域其实就是一个特殊的提交按钮，作用就是提交表单,也可以加入图片标签的其他属性，例如alt，title属性-->

  隐藏域： <input type="hidden" name="" value=""/> <!--在页面上看不到，一般用来收集或发送信息。隐式的存储一些信息，必要的时候便于读取以及其他使用-->

  文件域： <input type="file" name="" />  一般用来上传文件。当使用隐藏域上传文件，提交方式一定是post，编码形式需要改成：multipart/form-data

框：

  单选框： <input type="radio" value="man">男   <!--一组单选按钮的name属性是相同的，value代表你选定该单选按钮后，通过name属性得到的单选按钮的值，这个标签可以没有结束符，其他控件的开始意味着这个控件的结束-->

checked属性： checked=“checked”表示选定该单选框，复选框也是这个属性

  复选框：<input type="checkbox" value="">球  <!--一组复选框的name属性一致，复选框与单选框的区别就是选择可以多个-->

按钮：

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

  重置按钮：<input type="reset" name="" value=""/><!--清空表单内你填写的内容-->

  一般按钮：<input type="button" onclick=""/><!--一般按钮一般是用来触发什么事件的-->

列表：

  下拉列表：

<form>
  <select  multiple="multiple"><!--下拉列表可以选择多个值吗？如果需要下拉列表可以选择多个值，就在select中增加属性multiple=“multiple”-->
    <option value="">江西</option>
    <option value="" selected="selected">广州</option><!--下拉列表的选中项，默认下拉列表会选中第一个option，如果需要改变下拉列表的初始选中状态，可以在对应的option后面加属性selected=”selected“，当然也可以通过这个属性控制下拉列表的选定，单选框和复选框类似-->
  </select>
</form>

 

  input 标签一些其他属性：

size： 文本框的长度

readonly：值为boolean  是否只读

maxlength： 用于单行文本输入框和文件域，容纳的最大字符数