<!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. python实现斐波那契数列

    https://www.cnblogs.com/wolfshining/p/7662453.html 斐波那契数列即著名的兔子数列:1.1.2.3.5.8.13.21.34.…… 数列特点:该数列从第 ...

  2. java Web开发基础（一）工程项目文档结构

    2013年毕业后,在深圳工作开始是用.NET ASP.NET MVC做的项目,后来公司用java来做.于是就从.NET转java了.从.NET转java不是那么的难.今天刚好是清明节放假三天,整理了j ...

  3. log4j layout日志信息格式

    Log4j提供的layout有以下几种 org.apache.log4j.HTMLLayout(以HTML表格形式布局), org.apache.log4j.PatternLayout(可以灵活地指定 ...

  4. Vue通过build打包后 打开index.html页面是空白的

    最近在build打包vue项目遇到了几个问题,如下: 1.npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直 ...

  5. 所使用的“System.Web.Mvc, Version=3.0.0.1, Culture=neutral, PublicKeyToken=31bf3856ad364e35”版本高于所引用的程序集“System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35”的版本

    System.Web.Mvc.dll引用是感叹号. 解决方法:新建mv3应用程序,右键选择System.Web.Mvc.dll 查看所引用的路径. 在旧程序中重新引用即可.C:\Program Fil ...

  6. dbdeployer安装TokuDB MySQL

    下载最新的dbdeployer1.6.0,使用非root账户安装dbdeployer,特别是mv的时候. 1,解压 dbdeployer unpack Percona-Server-5.7.22-22 ...

  7. Spark Mllib之分层抽样

    Spark中组件Mllib的学习之基础概念篇 1.解释 分层抽样的概念就不讲了,具体的操作: RDD有个操作可以直接进行抽样:sampleByKey和sample等,这里主要介绍这两个 (1)将字符串 ...

  8. 微信小程序中this使用

    微信小程序中,在wx.request({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报 ...

  9. 查看Nginx、PHP、Apache和MySQL的编译参数

    1.查看Nginx编译参数 [root@portal finance]# your_nginx_dir/sbin/nginx -V nginx version: nginx/ built by (Re ...

  10. spring + mybatis配置及网络异常设置

    Spring引入mybatis <beans xmlns="http://www.springframework.org/schema/beans" xmlns:contex ...