<form action="#" method="post">placeholder:输入表单是提供一个提示<input type="text" value="" name="text" placeholder="placeholder提供一个提示"/><br />required:这个属性可以用于任何表单控件,它指示一个域是必要的,所有对于设置了这个属性的控件,如果没有为这个控件指定一个值,就无法正常提交表单。在支持这个属性的浏览器中,如果没有为required属性的域指定一个值,提交表单时你会得到一个错误消息,表单不会提交到服务器。<input type="text" placeholder="提示信息" required /><br />文本输入框:<input type="text" value="" name="text" /><br />密码输入框:<input type="password" value="123456" /><br />文件上传控件:<input type="file" /><br />单选按钮:<input type="radio" name="radio" id="radioA" value="单选" checked/><label for="radioA">单选一</label><label><input type="radio" name="radio" value="不选" />单选二</label> <br />        fieldset:设置一个分组,legend是一个标题<fieldset><legend>多选框</legend><label><input type="checkbox" name="checkbox" value="多选一" />多选一</label><label><input type="checkbox" name="checkbox" value="多选二" />多选二</label></fieldset><br />多选列表控件:<select multiple> <option>襄阳</option><option>武汉</option> <option>长沙</option><option>岳阳</option> </select><br />下拉列表:            optgroup是设置一个选项分组<select><optgroup label="湖北省"> <option>襄阳</option><option>武汉</option></optgroup><optgroup label="湖南省"><option>长沙</option><option>岳阳</option></optgroup> </select><br />文本区:<textarea rows="10" cols="40"></textarea><br />数字输入:<input type="number" min="0" max="20" /><br />范围输入:<input type="range" min="0" max="30" step="1" value="2"/><br />颜色输入:<input type="color" /><br />日期:<input type="date" /><br />Email输入:<input type="email" /><br />Tel输入:<input type="tel" /><br />URL输入:<input type="url" /><br />        type属性为email、tel、url时,与text没太大变化,是text的一个变种。不过在移动设备上可以看出效果,比如tel值,移动设备检测到后会默认显示数字键盘</form>

例子样式:

转载于:https://www.cnblogs.com/wind-wang/p/6062451.html

form表单中的常用控件相关推荐

  1. Form表单中的元素 控件集

    <form action="http://wichkelysmart.com/hfhtmlcss/contest.php" method="post"&g ...

  2. ExtJS4.2学习(17)表单基本输入控件Ext.form.Field(转)

    鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-11/189.html --------------- ...

  3. Qt 常用控件样式表及遇到的问题

    Qt界面美化常用到样式表,用好样式表能达到不一样的效果. 样式表用法 常用控件样式表用法如下: /**********子界面背景**********/ QWidget#customWidget {ba ...

  4. C#常用控件的属性以及方法(转载)

    -----以前看别人的,保存了下来,但是忘了源处,望见谅. C#常用控件属性及方法介绍 目录 1.窗体(Form) 2.Label (标签)控件 3.TextBox(文本框)控件 4.RichText ...

  5. form表单中根据值判断是否disabled_Java 0基础入门 (Html表单、表单元素)

    上一篇:Java 0基础入门 (Html标签的使用) 表单在网页中主要负责数据采集功能. 一.表单实际应用场景 百度搜索 5173注册 如上两张图,图中的黑色线条是我画上去的,如果按照黑线,在Excl ...

  6. form表单中的onSubmit

    今天看一个代码,突然发现了一个form表单中的onSubmit,估计是好久都没有写前端表单提交了,突然忘了,赶紧到网上查了查. 原文地址:https://www.cnblogs.com/ahudyan ...

  7. 11. Windows应用程序常用控件

    Windows应用程序常用控件 1 控件概述 1.1 控件的分类及作用 1.2 控件的命名规范 1.2 控件的相关操作 2.1 添加控件 2.2 对齐控件 2.3 锁定控件 2.4 删除控件 3 文本 ...

  8. HTML常用控件默认格式清除

    相信大家在开发HTML过程中总会遇到或多或少自带格式的控件,比如<a>标签中的下划线.有序无序列表中的前缀.<h1>一类标签自带的加粗等-.. 下面我便给出一些比较常用控件默认 ...

  9. form表单中的enctype属性

    form表单中的enctype属性 enctype就是encodetype就是编码类型的意思.   multipart/form-data是指表单数据中由多部分构成,既有文本数据,又有文件等二进制数据 ...

最新文章

  1. mysql获取删除的条数_如何从mysql表中删除数百万条记录而不会减速
  2. 从零开始学习Deep SORT+YOLO V3进行多目标跟踪(附代码)
  3. mysql 同样字段的索引_MySQL表中具有相同字段的两个索引
  4. .net 技术类网址
  5. Ubuntu下apt-get命令详解(转)
  6. linux路由器实际配置案例
  7. C#调用Microsoft.DirectX.DirectSound问题记录及解决
  8. php解析torrent文件,PHP基于闭包思想实现的BT(torrent)文件解析工具实例详解
  9. TCP/UDP协议简要梳理
  10. 用Flash CS4打开fla文件提示“意外的格式”的解决方法
  11. 信息系统项目管理师(2022年) —— 第 16 章 项目变更管理
  12. Focal Loss的阅读笔记
  13. 计算机病毒防治教案,计算机病毒与防治教案
  14. Scala的下载与安装
  15. MediaInfo与wmv3 wma3 的解码器
  16. 阿里云支持备案云产品列表(不只是云服务器)
  17. Android listview中Edittext软键盘自动切换到中文键盘
  18. 六、图(上):六度空间
  19. 偏前端 + rsa加解密 + jsencrypt.min.js--(新增超长字符分段加解密)
  20. 服务器不显示串口,关于串口服务器的配置问题

热门文章

  1. mysql备份数据库命令
  2. Hbase数据模型 列族
  3. 【LeetCode】字符串 string(共112题)
  4. 树网的核(codevs 1167)
  5. 刮奖的实现;(刮开上层图层蒙版,露出底部的视图)
  6. Java Collection
  7. UIButton-内边距
  8. Java技术在多数据库系统中的应用研究
  9. 手工部署Sqlserver CLR程序集
  10. 一步一步SharePoint 2007之十四:实现Form认证(4)——创建管理帐户