HTML5input表单的基本知识

form表单：

input的基本属性：

一、action

属性规定当提交表单时，向何处发送表单数据。

二、 type

（1）type的属性值可以设置为：

1. checked：默认被选择

	例：<input type="radio" name="xingbie" checked="checked">

1. checkbox：复选框

	例：<input type="checkbox" name="">

1. radio：单选框

	例：<input type="radio" name="">

1. password：输入文字被隐藏 / 密码

	例：<input type="password" >

1. text：文本

	例：<input type="text" value="">

1. 输入时间：date

	例：<input type=“date”>

1. 输入颜色：color

	例：<input type="color">

1. button：按钮

	例：<input type=“button” value（显示按钮上的文字）=“”>

1. reset：重置按钮

	例：<input type=“reset” value（显示按钮上的文字）=“”>

1. submit：提交按钮

	例：<input type=“submit” value（显示按钮上的文字）=“”>

1. 输入数字number（不能输入别的）

	例：<input type=“number”>

注意！！！！！

	<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
	value 属性无法与 <input type="file"> 一同使用。

（2）对于不同的输入类型，value 属性的用法也不同！！！！：

• type=“button”, “reset”, “submit”----定义按钮上的显示的文本
  1.代码展示
  

		<input type="submit" value="搜索">
        <input type="button" value="提交">
        <input type="reset"  value="我是">

结果：

• type=“text”, “password”, “hidden” ---- 定义输入字段的初始值

1. 代码展示

		<input type="text" value="搜索">
        <input type="password" value="提交">
        <input type="hidden"  value="我是">

1. 结果
   
   

• type=“checkbox”, “radio”, “image” ---- 定义与输入相关联的值

1. 代码展示

		 <input type="checkbox" value="搜索">
        <input type="radio" value="提交">
        <input type="image"  value="我是">

1. 结果
   
   

三、 value

 属性为 input 元素设定值。

来源：oschina

链接：https://my.oschina.net/u/4390412/blog/4558014