Html form input表单标签type(text submit checkbox radio)控件元素

2019-09-07 郑州网站建设  

Html form input表单标签元素

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

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表单各功能控件

六、DIVCSS5对html form input标签提示说明   -  
河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/seo/1009.html转载请标明出处,谢谢合作!
标签:
  • input
  • in
  • html input
  • form input