html表单与html5新特性002

1、表单

<form action="url" method="get|post"name="myform"></form>

属性说明
action服务器地址
name表单名称
method中Get和Post的区别
1 数据提交方式，get把提交的数据url可以看到，post看不到
2 get一般用于提交少量数据，post用来提交大量数据

2、文本框、密码框

<input type="text">       文本框
 <input type="password">  密码框

type属性
  text           文本框
  password       密码框
  radio          单选按钮
  checkbox       多选按钮
  file           上传文件的框
  submit         尾部提交按钮
  reset          
  button         尾部按钮
  image          图片
  range          滑块
  date           日期框

3、html5新增type属性

email    定义用于 e-mail 地址的字段（当提交表单时会自动对 email 字段的
         值进行验证）
url      定义用于输入 URL 的字段
search   定义搜索字段（比如站内搜索或谷歌搜索等）
tel      定义用于输入电话号码的字段
color    从拾色器中选取颜色

number   定义用于输入数字的字段（您可以设置可接受数字的限制）
range    定义用于精确值不重要的输入数字的控件（比如 slider 控件）。您
         也可以设置可接受数字的限制
      请使用下面的属性来规定限制：
      max : 规定允许的最大值。
      min : 规定允许的最小值。
      step : 规定合法数字间隔。
      value : 规定默认值。
      <form>
          <input type="range" name="points" min="1"max="10">
          <input type="submit">
      </form>
date     定义 date 控件
month    定义 month 和 year 控件（不带时区）
      <form>
           生日 ( 月和年 ): <input type="month"name="bdaymonth">
                           <input type="submit">
      </form>
week     定义 week 和 year 控件（不带时区）

4、html5新增其他特性

autofocus 属性
autofocus 属性规定在页面加载时，域自动地获得焦点。
      <form>
           User name: <input type="text" name="user_name"  autofocus />
                      <input type="submit">
      </form>

placeholder 属性
placeholder 属性提供一种提示（hint），描述输入域所期待的值

required 属性
required 属性规定必须在提交之前填写输入域（不能为空）