Html的Form input标签怎么使用

这篇文章主要介绍“Html的Form input标签怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“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软件里截图表单效果 

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

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

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

关于“Html的Form input标签怎么使用”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。