input标签属性详解大全

您所在的位置:网站首页 input中的type属性 input标签属性详解大全

input标签属性详解大全

2023-08-22 17:52| 来源: 网络整理| 查看: 265

我们先来了解一下input标签的几个基本控制属性。

name属性:元素的名称,也就是name的值代表当前input元素的名字; value属性:元素的默认值 1)当input type=“text”、“password”、"hidden"时,定义输入字段的初始值; 2)当input type=“button”、“reset”、"submit"时,定义按钮上的显示的文本; 3)当input type=“checkbox”、“radio”、"image"时,定义与输入相关联的值; 注意:input type="checkbox"和input type="radio"中必须设置value属性;value属性无法与input type="file"一通使用。 style属性:为input元素设定CSS样式; width属性:当input type="image"时,通过width属性控制元素的宽度; height属性:当input type="image"时,通过height属性控制元素的高度; maxlength属性:定义input元素中可输入的最长字符数。 input type属性与代码详解

type=“text”:创建单行文本输入框

上述代码的意思为: input元素类型为文本输入框,元素长度为20,最多允许输入20个字符,输入框默认显示“文本输入框”几个字,设置输入CSS样式高度为30像素,文字为浅蓝色。

type=“password”:密码输入框

上述代码的意思为: input元素类型为密码输入框,元素长度为30,最多允许输入20个字符,输入框中默认显示为空。

type=“radio”:单选按钮

篮球 足球 All

上述代码的意思为: input元素类型为单选按钮,其中value属性中的值用来设置用户选中改项后提交到数据库中的值,拥有相同name属性的单选框为同一组,一个组里只能同时选中一个选项,checked属性表示的是出事选项,初始默认选项,初始值会选择"足球"。

type=“checkbox”:复选框

北京 上海 深圳 香港 澳门

上述代码的意思为: input元素类型为复选框,用户可以进行多个选项,其中value属性中的值用来设置用户选中改项目后提交到数据库中的值,name为复选框的名称。

type=“button”:普通按钮

上述代码的意思为: input元素的类型为普通按钮,在value属性中输入的值为按钮上显示的文本,name代表该按钮的名称,onclick表示处理程序,



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3