html表单复选框标签,Html form <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控件元素。

一、Form input标签语法与结构   -   TOP

Name为此表单控件识别命名,一般使用英文字母在一个页面里具有唯一性

Type为表单控件样式

type="text" 输入框控件,用于输入内容如用户名、密码之类内容输入框控件

type="submit" 按钮控件,用于提交、重置动作

type="checkbox" 多选复选框控件,用于多选题、多选功能(进入了解 html checkbox多选框)

type="radio" 单选框,用于单选,唯一选择功能

二、Form input标签使用说明   -   TOP

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

三、Form input使用案例html代码   -   TOP

type="text" 输入框

type="checkbox" 多选复选框

type="radio" 单选框

type="submit" 按钮

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

62353927_1.png

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

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

62353927_2.png

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

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

1、form input是表单标签,通常此标签内放输入框、单选、多选、多行文本框、下拉选项菜单等表单内容

2、表单的美化可以赋予每个input不同的class类样式实现美化效果。

3、不同type类型表单功能控件有不同功能,大家使用时候更加需要选择自己所需控件样式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值