<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body>
    <form action="http://localhost" method="get" target="_blank">
        <input type="hidden" value="统计" name="tj"><br>
        用名：<input type="text" name="key" name="user" value="新镇中心" maxlength="20" autofocus="" tabindex="1"><br>
        密码：<input type="password" name="ps" name="password"><br>
        国家：<input type="text" readonly="readonly" value="中国" name="gj" accesskey="k"><br>
        地址：<input type="text" disabled="disabled" value="wenan" name="address" ><br>
        邮箱：<input type="email" name="email" required="required"><br>
        网址：<input type="url" name="url" tabindex="2" autocomplete="off"><br>
        电话：<input type="tel" tabindex="3"><br>
        数字：<input type="number" min="0" max="50" step="10" value="10" name="shuzi"><br>
        范围：<input type="range" min="0" max="100" step="5" value="20" name="fanwei"><br>
        时间：<input type="time"><br>
        日：<input type="date"><br>
        周：<input type="week"><br>
        月：<input type="month"><br>
        本地时间：<input type="datetime-local"><br>
        UTC时间：<input type="datetime"><br>
        颜色：<input type="color"><br>
        搜索：<input type="search" placeholder="输入关键词"><br>
        文件：<input type="file" accept="image/png" multiple="multiple"><br>
        复选框：<input type="checkbox" name="dx" value="a">平面设计
        <input type="checkbox" name="dx" value="b">绘画绘图
        <input type="checkbox" name="dx" value="c" checked="checked">会计专业
        <input type="checkbox" name="dx" value="d">立体设计
        <br>
        <hr>单选框
        <input type="radio" name="rad" value="a">先生
        <input type="radio" name="rad" value="b">女士
        <input type="radio" name="rad" value="c">保密
        <br>
        <input type="submit">
        <input type="reset">
        <!-- <input type="button" value="按钮">
        <input type="image" src="imges/ss.png"> -->
    </form>
    <!-- <div>
        <input type="text">
        <input type="submit">
        表单之外的元素也可以使用
    </div> -->
    <!-- <figure>
        <img src="pic/1.png" alt="图片">
    </figure>
    <figcaption>
        图片内容
    </figcaption> -->
</body>
</html>

html5-表单和input元素用法的更多相关文章

  1. HTML表单之input元素的23种type类型

    摘自:http://www.cnblogs.com/xiaohuochai/p/5179909.html 了解HTML表单之input元素的23种type类型 随着HTML5的出现,input元素新增 ...

  2. 了解HTML表单之input元素的23种type类型

    目录 传统类型 text password file radio checkbox hidden button image reset submit 新增类型 color tel email url ...

  3. 了解HTML表单之input元素的30个元素属性

    目录 传统属性 name type accept alt checked disabled readonly maxlength size src value 新增属性 autocomplete au ...

  4. html5表单新增的元素与属性

    1.表单内元素的form属性 在html4中,表单内的从属元素必须书写在表单内部, 而在html5中,可以把他们书写在页面上任何地方, 然后为该元素指定一个form属性,属性值为该表单的id,这样就可 ...

  5. HTML5表单之Input 类型- Date Pickers（日期选择器）

    HTML5 拥有多个可供选取日期和时间的新输入类型: date-选取日.月.年 month-选取月.年 week-选取周和年 time-选取时间(小时和分钟) datetime-选取时间.日.月.年( ...

  6. html form表单追加input元素后在提交

    form.append(input); //input为对象 (设置name和val有效) $("#form1").submit();//提交事件

  7. 服务器变量 超级全局数组$_SERVER (附加超简单表单与html5表单属性)

    001.html <html> <head><title>user log</title> <meta http-equiv="cont ...

  8. HTML5 表单元素和属性

    HTML5 表单元素和属性学习 版权声明:未经博主授权,内容严禁转载 ! 表单元素简介 无论实现提交功能还是展示页面功能,表单在HTML中的作用都十分重要. 在其他版本的HTML中,表单能够包含的元素 ...

  9. [html5] 学习笔记-表单新增的元素与属性（续）

    本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indetermi ...

随机推荐

  1. 《HTTP - 概述》

    晚上听着 木小雅<可能否>,让我这暴躁的一天得以回复一下. 学习是长久之事,不能急躁.应该系统的去学习一些东西. 1:HTTP 最严谨的叫法应该是 超文本转移协议,但大家一般都叫做 超文本 ...

  2. mybatis获取批量插入的主键自增id

    一.写一个实体类 public class UserInfo { private long userId; private String userAccount; private String use ...

  3. vue关于html页面id设置问题

    vue是一个前端框架,类似于angularJS等,vue在编写的时候需要在html页面指定id,但是不是都可以实现的,一般放在id需在div设置里才可以实现. (一) 在html里设置id: < ...

  4. gitee 使用

    gitee 使用 首先在码云仓库创建对应的仓库 当你输入错误用户名和密码 需要清掉配置 git config --system --unset credential.helper 设置账号 git c ...

  5. python摸爬滚打之day010----函数进阶

    1.函数动态传参 *args : 将所有的位置参数打包成一个元组的形式. **kwargs : 将所有的关键字参数打包成一个字典的形式. 形参的接收顺序:    位置参数 > *args > ...

  6. es6原型的继承

    class Parent { name = 'liangcheng'; } const parent = new Parent(); console.log(parent); // 类继承某实例对象属 ...

  7. springmvc实现文件上传

    springmvc实现文件上传 多数文件上传都是通过表单形式提交给后台服务器的,因此,要实现文件上传功能,就需要提供一个文件上传的表单,而该表单就要满足以下3个条件 (1)form表彰的method属 ...

  8. SpringBoot-整合lombok

    添加lombok依赖 <dependency> <groupId>org.projectlombok</groupId> <artifactId>lom ...

  9. java public,default,protected,private区别

    温习一下:https://www.cnblogs.com/ldq2016/p/6872420.html

  10. mysql 数据操作 目录

    mysql 记录的增删改查 mysql 数据操作 单表查询 mysql 数据操作 多表查询