html5 form表单常用标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<form>
      <!-- 电子邮箱属性。 -->
    <input type="email">
    <input type="submit">
     <!-- 在移动端会有键盘切换 电话号码 -->
    <input type="tel">
    <input type="submit">
     <!-- 提示输入正确的网址 -->
    <input type="url">
    <input type="submit">
    <!-- 搜索 -->
    <input type="search">
    <input type="submit">
    <!--  可控制条 -->
    <input type="range" min="0" max="200" value="2">
    <input type="submit">
      <!--  可加减数字 -->
    <input type="number" value="2"/>
    <input type="submit"/>
   <!--   颜色选择器  -->
     <input type="color"/>
    <input type="submit"/>
        <!-- 时间选择器 datetime -->
    <input type="datetime-local">
    <input type="submit"/>

            <!-- 一个小时数和一个分钟数 -->
    <input type="time">
    <input type="submit"/>

         <input type="date"/>
    <input type="submit"/>

    <input  type="text" placeholder="文本框提示并关掉关联" autocomplete="off"/>

    <input  type="text" placeholder="文本框提示并关掉关联" autocomplete="off" autofocus />

     <input  type="text" placeholder="输入1到5个数字" pattern="\d{1,5}"/>
     <input type="submit" formaction="www.baidu.com"/>

</form>
</body>
</html>
时间: 2024-10-27 09:08:00

html5 form表单常用标签的相关文章

HTML表单常用标签

名称 用例 备注 文本输入框 <input type="text" name="uname" value="" placeholder="请输入您的用户名" /> placeholder:提示信息 <input type="text" name="realname" value="无名"/> value:默认值 密码输入框 <input 

跟KingDZ学HTML5之十一 HTML5 Form 表单新元素

新的课程又开始,哈哈,最近的文章更新比较快,希望大家跟上俺的步伐啊,呵呵,但是每当看到阅读量,哎,还真不多,可是俺还要坚持写下去,不知道,大家是不是都没有在研究HTML5呢? 这节课程,讲的是 From 表单 新增加的几个新的元素,他和前面的两节课程 同属于一个范围,只不过长的比较特殊.所以就提炼出来了. 旁白:俺不是前端工程师啊,学习HTML5完全是因为,哈哈,这个东西太酷了.俺是正宗滴NET程序员 好了第一个出现的新元素是 datalist 哈哈,这个好解释了,前面我们已经使用过了. 还是用

跟KingDZ学HTML5之十二 HTML5 Form 表单元素新增属性

这节课给大家补充一下,一些 前些课程没有接触的知识. 在XHTML中,表单内的从属元素必须书写在表单内部,但是在HTML5中,可以把他们书写在页面上任何地方,然后给元素制定一个form属性,属性值为该表单单位的id,这样就可以声明该元素从属于指定表单了. 这个我想对于我们来说,应该是个很新奇的玩意吧 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>form

form表单常用提交方式—get与post的区别

表单有两种提交方式:get与post <form name="regForm" action="动作" method="提交方式"> </form> 1.get 以明文的方式通过URL提交数据,数据在URL中可以看到.提交数据最多不能超过2kb,安全性较低,但效率比post高.适合提交数据量不大安全性不高的数据,如搜索.查询等功能. 2.post 将用户提交的信息封装在HTML HEADER内,适合数据量大安全性高的用户信

ExtJS form表单常用元素操作

Ext.onReady(function() {Ext.apply(Ext.form.VTypes, {dateRange : function(val, field) {var beginDate = null;var endDate = null;if (field.dateRange) {var beginId = field.dateRange.begin;this.beginField = Ext.getCmp(beginId);var endId = field.dateRange.

form表单类标签汇总

<form action="form_action.asp" method="get"> First name: <input type="text" id="fname" name="fname" placeholder="Bill"> password: <input type="password" name="lname&

HTML——form表单中常用标签总结

1 <form action="" method="get"> 2 <!-- 3 placeholder="请输入文本" 显示提示 4 randonly="randonly"不能重新写 5 disabled="disabled" 禁用 变灰色 6 --> 7 <input type="text" name="user_name" plac

form表单的属性标签和练习

form表单的标签 做一个如下图的form表单: 我们的代码如下: <body leftmargin="400px" topmargin="200px"> <form method="post" action="http://www.baidu.com"> <table border="2px" heigth="200px"> <tr> &

form表单那点事儿(上) 基础篇

做为html中最为常见,应用最广泛的标签之一,form常伴随前端左右.了解更深,用的更顺. 目录: 表单属性 表单元素 常识 模拟外观 表单属性 这个表单展示了form表单常用的属性 属性名 属性值 描述 action 一个url地址 指定表单提交到的地址 method `GET` , `POST` 表单将以此种方法提交到服务器 target `_self` 当前页面 `_blank` 每次在新窗口打开 `blank` 每次在同一个新窗口打开 `_parent` 父级frame `_top` 顶