HTML5input表单的基本知识

form表单：

input的基本属性：

一、action

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

二、 type

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

1. checked：默认被选择

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

2. checkbox：复选框

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

3. radio：单选框

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

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

	例：<input type="password" >

5. text：文本

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

6. 输入时间：date

	例：<input type=“date”>

7. 输入颜色：color

	例：<input type="color">

8. button：按钮

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

9. reset：重置按钮

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

10. submit：提交按钮

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

11. 输入数字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="我是">

2. 结果
   

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

1. 代码展示

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

2. 结果
   

三、 value

 属性为 input 元素设定值。