博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5-表单常见操作
阅读量:5280 次
发布时间:2019-06-14

本文共 1152 字,大约阅读时间需要 3 分钟。

<form  autocompelate="on" id="from1">
<!--常用属性-->
邮件:<input type="email">
地址:<input type="url">
电话:<input type="tel"><!--不支持-->
数字:<input type="number" min="1" max="10" step="2">
进度条:<input type="range" min="1" max="10" step="2">
颜色:<input type="color"><!--不支持-->
时间:<input type="date"><!--不支持-->
月:<input type="month"><!--不支持-->
周:<input type="week"><!--不支持-->
<!--文本自动打开自动获取焦点-->
<input type="text" autofocus="autofocus">
<!--文本下拉列表开始-->
<input type="text" list="taglist">
<datalist id="taglist">
<option>wuban</option>
<option>baidu</option>
</datalist>
<!--说明:<form  autocompelate="on">加上此属性当输入时自动会关联-->
<!--文本下拉列表结束-->
<!--对不同网页提交-->
<input type="text"  formaction="index.php">
<!--批量上传_默认支持单个,multiple="multiple"批量上传属性-->
<input type="file" multiple="multiple">
<!--对文本启用正则_当不合格时候会弹出提示-->
<input type="text" pattern="{0-9}{6}" title="请输入电话号码">
 <!--对文本框开启默认提示-->
  <input type="text" placeholder="请输入用户名">
   <!--文本不能为空-->
 <input type="text" required="required">
提交:<input type="submit">
</form>
<!--放在表单外提交  form="from1"是当前表单FROM的ID-->
<input type="text" form="from1">
<!--隐藏-->
<p hidden="hidden">xxx</p>

转载于:https://www.cnblogs.com/bk7788/p/6679906.html

你可能感兴趣的文章
Openstack api 学习文档 & restclient使用文档
查看>>
vim linux下查找显示^M并且删除
查看>>
poj100纪念
查看>>
ExtJs4 笔记(5) Ext.Button 按钮
查看>>
把execl导入到数据库中
查看>>
阿里云人脸比对API封装
查看>>
如何将数据库中的表导入到PowerDesigner中(转)
查看>>
汇编总结一
查看>>
html5-表单常见操作
查看>>
String = ""和String = null的区别
查看>>
C#测试题若干,都是基础阿
查看>>
NetWork——关于TCP协议的三次握手和四次挥手
查看>>
An easy problem
查看>>
MauiMETA工具的使用(一)
查看>>
LeetCode: Anagrams 解题报告
查看>>
用cookie登录慕课网络教学中心刷评论
查看>>
Qt 中获取本机IP地址
查看>>
基本数据类型(int, bool, str)
查看>>
070102_赌博设计:概率的基本概念,古典概型
查看>>
IT人生的价值和意义 感觉真的有了
查看>>