<!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找出数组中第二大的数

    #!usr/bin/env python #encoding:utf-8 ''''' __Author__:沂水寒城 功能:找出数组中第2大的数字 ''' def find_Second_large_ ...

  2. LeetCode 496 Next Greater Element I 解题报告

    题目要求 You are given two arrays (without duplicates) nums1 and nums2 where nums1’s elements are subset ...

  3. 《Mysql DML语句》

    1:DISTINCT 用于去重,但是需要注意的是,它是用于所有列的,也就是说,除非指定的列全部相同,否则所有的行都会被检索出来. 2:ORDER BY 用于排序,但是应该注意的是,它因该是 SELEC ...

  4. Java+Selenium 如何处理Try/Catch

    场景:为了检查数据是否存在,如果存在就把数据删除,不存在则新增保存.因为我们需要做下数据初始化准备工作. 一.:Feature 示例: Scenario: E-251:维护薪资帐套明细 When I ...

  5. HashMap如何做循环遍历

    1.TestCase:

  6. nodejs 学习二， nodejs调试

    nodejs 调试,在官方文档(英文),常用的两种: 一个在chrome安装插件inspector 第二种利用编辑 这里我使用vscode编辑来调试. 主要是配置 launch.json(用vscod ...

  7. python处理csv文档

    在工作中遇到了使用python解析csv文件的问题,包括读写操作,下面参考官网文档,进行一下总结: 首先CSV (Comma Separated Values) ,也就是逗号分开的数值,可以用Note ...

  8. C#-1-1-.net

    1..Net (1).Net平台 (2). FrameWork框架 2..Net应用 (1).桌面应用程序(Win form(.Net开发的桌面应用程序叫做Win form应用程序)). (2).In ...

  9. ERROR 1153 (08S01): Got a packet bigger than 'max_allowed_packet' bytes怎么处理

    今天ytkah进行了应急数据库恢复,用Navicat for Mysql导入sql文件出现ERROR 1153 (08S01): Got a packet bigger than 'max_allow ...

  10. Jmeter原理

    Jmeter结构体系及运行原理   Jmeter结构体系 把Jmeter的结构体系拆分为三维空间,如图: X1~X5:是负载模拟的一个过程,使用这些组件来完成负载的模拟: X1:选择协议,模拟用户请求 ...