共计 743 个字符,预计需要花费 2 分钟才能阅读完成。
form 标签创建表单 块元素
参数:
1. action: 表单提交服务器地址
如果不设置,提交是没有反应
2. method: 表单提交方式(方法)post 获取信息
get 发送信息(默认值)3. target 提交页面打开在何处打开
_self 当前页面打开
_blank 新页面打开
_new 新打开一个页面,如果是新的就不会在打开一个页面
form 实现方式通过 input 标签
-
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> 多文件导入
正文完