首页 > 编程知识 正文

input下拉框select,input标签使用方法

时间:2023-05-06 03:54:28 阅读:259254 作者:2243

input标签,select标签 一、input标签1.简介2.语法3.案例 二、select标签1.简介2.语法3.案例


一、input标签 1.简介

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


2.语法 <input name="" type="submit" value="提交" />Name为此表单控件识别命名,一般使用英文字母在一个页面里具有唯一性Type为表单控件样式type="text" 输入框控件,用于输入内容如用户名、密码之类内容输入框控件type="submit" 按钮控件,用于提交、重置动作type="checkbox" 多选复选框控件,用于多选题、多选功能(进入了解 html checkbox多选框)type="radio" 单选框,用于单选,唯一选择功能 3.案例 <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> 二、select标签 1.简介

select 标签用于我们用于表单下拉选择所需项。

2.语法 <select name="select1"> <option value="0">select标签</option> <option value="1">www.baidu.com</option> </select> 3.案例 <form action="" method="get"> <label>普通下拉列表菜单</label> <select name=""> <option value="0">option 000</option> <option value="1">option 111</option> </select> </form>

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。