表单元素详解

form标签创建表单 块元素

参数：

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

form实现方式通过input标签

1. input
   特点：
   单标签 行内块元素

   默认属性：

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

值：

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

<input type="text"  placeholder="请输入用户名" name="username" autofocus autocomplete="off">

提交按钮

<input type="submit" value="登陆">
<input type="button" value="提交">
实现效果需要JS

密码输入

<input type="password" name="pwd">

数字输入

<input type="number" value="100" min="2" max="200" step="5">
value 默认值
min 最小值
max 最大值
step 步长

搜索框

<input type="search">

输入滑块

<input type="range"><br>

文件导入

<input type="file"><br> 单文件导入
<input type="file" multiple><br> 多文件导入