表单元素详解

36次阅读

共计 743 个字符,预计需要花费 2 分钟才能阅读完成。

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> 多文件导入 

正文完
 0