您的位置:内蒙古11选五开奖5号的 > HTML > 正文

内蒙古11选5遗漏一定牛:Html <input>表单标签type (text submit checkbox radio)控件

Html form input表单标签元素

html form表单之input控件,input type包含input text输入框、input submit按钮、input checkbox多选复选框、input radio单选框基础介绍与案例演示,让大家掌握html form input各type控件元素。

input目录
  1. Form input标签语法与结构
  2. input标签使用
  3. input type使用案例
  4. DW软件里input表单截图
  5. 浏览器input各type截图
  6. html form input标签总结

一、Form input标签语法与结构

<input name="" type="submit" value="提交" />

Name为此表单控件识别命名,一般使用英文字母在一个页面里具有唯一性
Type为表单控件样式
type="text" 输入框控件,用于输入内容如用户名、密码之类内容输入框控件
type="submit" 按钮控件,用于提交、重置动作
type="checkbox" 多选复选框控件,用于多选题、多选功能(进入了解 html checkbox多选框)
type="radio" 单选框,用于单选,唯一选择功能

二、Form input标签使用说明

常常我们使用在一个网页中数据提交标签,比如我们留言板、评论等可以填写数据,标签提交处理地方都需要表单标签,而form表单标签内放输入框input、单选、多选、提交按钮等标签内容,而输入框、单选、多选、按钮等控件都可以使用表单标签input实现,只需赋予不同type值即可实现不同表单控件功能。

三、Form input使用案例html代码

<form action="" method="get"> 
<label>type="text" 输入框</label>
<input name="" type="text" size="22" /><br />
<label>type="checkbox" 多选复选框</label>
<input name="" type="checkbox" value="" /><br />
<label>type="radio" 单选框</label>
<input name="" type="radio" value="" /><br />
<label>type="submit" 按钮</label>
<input name="" type="submit" value="提交" />
</form>

四、DW软件里截图表单效果

html form input type各功能表单控件效果截图
DW软件里html form input type各功能表单控件效果样式截图

五、此input表单标签案例在浏览器中效果

html input各tpye功能控件在浏览器显示样式截图
html input各tpye功能控件在浏览器显示样式截图、浏览器中显示form input表单各功能控件

六、ThinkCSS对html form input标签提示说明

1、form input是表单标签,通常此标签内放输入框、单选、多选、多行文本框、下拉选项菜单等表单内容
2、表单的美化可以赋予每个input不同的class类样式实现美化效果。
3、不同type类型表单功能控件有不同功能,大家使用时候更加需要选择自己所需控件样式。

相关推荐阅读
1、html input搜索框布局实例

相关标签: 表单 input 控件
如需转载,请注明文章出处和来源网址:www.thinkcss.com/html/374.shtml

日期:2002-01-25 21:54:00 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:ThinkCSS
  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-08-19
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-08-13
  • 我们是建立市场经济,公有制如何建立市场经济,就要明晰产权,不明晰产权如何建立市场经济? 2019-08-13
  • 2017巴塞尔国际钟表珠宝展 2019-08-11
  • 政务舆情回应如何把握语言分寸感? 2019-08-11
  • 候选案例:机井通电惠民生 2019-08-08
  • 2018年04期 中国国家地理网 2019-08-05
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-07-31
  • 西安外国语大学第二十四届校园文化艺术节闭幕式暨第一届朗读者圆满落幕西安外国语大学第二十四届校园文化艺术节-陕西教育新闻 2019-07-31
  • 俄罗斯世界杯今日开战,送上最全观赛指南!你最看好哪支球队? 2019-07-29
  • 《人民日报》让我爱上了文学(原创首发) 2019-07-29
  • 【北京页川车型报价】北京页川4S店车型价格 2019-07-27
  • 河北沧州经济开发区管理委员会 2019-07-24
  • 强村带弱村结对共发展 2019-07-24
  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 竟猜让球胜平负技巧 中国竞彩网竞彩258 竞彩篮球让分胜负8乘9 福建36选7开奖彩票 41彩票网 中国彩票 六合彩网页 31选7复试计算 幸运赛车玩法技巧 朝鲜女足对中国女足今年比赛 网球大师赛 河北牛 百宝彩票快乐十分走势图 澳门三合今晚几时开奖 福彩3d杀夸公式