form表单中的常用控件
<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表单中的常用控件相关推荐
- Form表单中的元素 控件集
<form action="http://wichkelysmart.com/hfhtmlcss/contest.php" method="post"&g ...
- ExtJS4.2学习(17)表单基本输入控件Ext.form.Field(转)
鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-12-11/189.html --------------- ...
- Qt 常用控件样式表及遇到的问题
Qt界面美化常用到样式表,用好样式表能达到不一样的效果. 样式表用法 常用控件样式表用法如下: /**********子界面背景**********/ QWidget#customWidget {ba ...
- C#常用控件的属性以及方法(转载)
-----以前看别人的,保存了下来,但是忘了源处,望见谅. C#常用控件属性及方法介绍 目录 1.窗体(Form) 2.Label (标签)控件 3.TextBox(文本框)控件 4.RichText ...
- form表单中根据值判断是否disabled_Java 0基础入门 (Html表单、表单元素)
上一篇:Java 0基础入门 (Html标签的使用) 表单在网页中主要负责数据采集功能. 一.表单实际应用场景 百度搜索 5173注册 如上两张图,图中的黑色线条是我画上去的,如果按照黑线,在Excl ...
- form表单中的onSubmit
今天看一个代码,突然发现了一个form表单中的onSubmit,估计是好久都没有写前端表单提交了,突然忘了,赶紧到网上查了查. 原文地址:https://www.cnblogs.com/ahudyan ...
- 11. Windows应用程序常用控件
Windows应用程序常用控件 1 控件概述 1.1 控件的分类及作用 1.2 控件的命名规范 1.2 控件的相关操作 2.1 添加控件 2.2 对齐控件 2.3 锁定控件 2.4 删除控件 3 文本 ...
- HTML常用控件默认格式清除
相信大家在开发HTML过程中总会遇到或多或少自带格式的控件,比如<a>标签中的下划线.有序无序列表中的前缀.<h1>一类标签自带的加粗等-.. 下面我便给出一些比较常用控件默认 ...
- form表单中的enctype属性
form表单中的enctype属性 enctype就是encodetype就是编码类型的意思. multipart/form-data是指表单数据中由多部分构成,既有文本数据,又有文件等二进制数据 ...
最新文章
- mysql获取删除的条数_如何从mysql表中删除数百万条记录而不会减速
- 从零开始学习Deep SORT+YOLO V3进行多目标跟踪(附代码)
- mysql 同样字段的索引_MySQL表中具有相同字段的两个索引
- .net 技术类网址
- Ubuntu下apt-get命令详解(转)
- linux路由器实际配置案例
- C#调用Microsoft.DirectX.DirectSound问题记录及解决
- php解析torrent文件,PHP基于闭包思想实现的BT(torrent)文件解析工具实例详解
- TCP/UDP协议简要梳理
- 用Flash CS4打开fla文件提示“意外的格式”的解决方法
- 信息系统项目管理师(2022年) —— 第 16 章 项目变更管理
- Focal Loss的阅读笔记
- 计算机病毒防治教案,计算机病毒与防治教案
- Scala的下载与安装
- MediaInfo与wmv3 wma3 的解码器
- 阿里云支持备案云产品列表(不只是云服务器)
- Android listview中Edittext软键盘自动切换到中文键盘
- 六、图(上):六度空间
- 偏前端 + rsa加解密 + jsencrypt.min.js--(新增超长字符分段加解密)
- 服务器不显示串口,关于串口服务器的配置问题