form标签创建表单 块元素
参数:
1. action:表单提交服务器地址 如果不设置,提交是没有反应2. method:表单提交方式(方法) post 获取信息 get 发送信息(默认值)3. target 提交页面打开在何处打开 _self 当前页面打开 _blank 新页面打开 _new 新打开一个页面,如果是新的就不会在打开一个页面
form实现方式通过input标签
input
特点:
单标签 行内块元素默认属性:
paddingoutline 轮廓线 跟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> 多文件导入