表单元素详解

form标签创建表单 块元素

参数：

1. action:表单提交服务器地址
    如果不设置，提交是没有反应
2. method:表单提交方式（方法）
    post 获取信息
    get  发送信息（默认值）
3. target 提交页面打开在何处打开
    _self  当前页面打开
    _blank 新页面打开
    _new   新打开一个页面，如果是新的就不会在打开一个页面

input

form实现方式通过input标签

特点：单标签 行内块元素

默认属性：

padding
outline 轮廓线 跟border一样但不会影响页面布局

值：

value 显示在框中的默认值
placeholder 输入前提示框显示的内容
name 定义信息的值
autofocus 自动聚焦
readonly 将表单设置为只读 数据会提交
disabled 将表单设置为禁用 数据不会提交
autocomplete 自动补全（on off）

提交按钮

实现效果需要JS

密码输入

数字输入

value 默认值
min 最小值
max 最大值
step 步长

搜索框

输入滑块

文件导入

 单文件导入

 多文件导入

选框

单选--radio

男 
女
name 名
value 值
单选框 ，相同name就只能选择一个,必须指定个value值才能提交

多选--checkbox

西施
九尾
纲手
鸣人

label 标签

隐式的使用label

兜子
杏子

显示的使用label 
    将label的for属性设置为跟表单控件id值一样

九尾

纲手

鸣人

select 下拉选择

option列表 跟ul>li同理

name 提交服务器信息名
value 提交的信息值
selected 默认选中
optgroup value 分组的标题名称

代码

       
       九尾
       
       纲手
       
       鸣人
       佐助
       

文本输入区域
rows 表示高
cols 表示宽

resize:none 设置选框不能拉伸

表单分组--fieldset
legend 分组标题

        
下拉框
        
            
            九尾
            
            纲手
            
            鸣人
            佐助
        
 

重置按钮

星期输入框-年 周

日期输入框-年月 日

年月输入框-年月

时间输入框-小时分钟

时间戳年月日小时分钟

调色版