开发者社区> 问答> 正文

表单控件中<input /> 标签中常见的属性有哪些?

表单控件中 标签中常见的属性有哪些?

展开
收起
游客yzrzs5mf6j7yy 2022-03-14 22:44:29 517 0
1 条回答
写回答
取消 提交回答
  • name 定义 input 元素的名称;向服务器提交当前标签中的数据时需要设置该属性

    value 设置 input 元素的值

    value 属性对于不同 input 类型,用法也有所不同:

    对于 text、password、hidden 类型,用于定义输入框中的初始(默认)值

    对于 checkbox、radio、image 类型,用于定义与 input 元素相关的值,当提交表单时该值会发送到表单的 action URL

    对于 button、reset、submit 类型,用于定义按钮上显示的文本内容

    注: input 类型为 checkbox 和 radio 时,必须要设置 value 属性

    maxlength 设置 input 标签中的最大字符个数,值为数值类型,超过最大字符个数的部分不会被录入;一般用于输入框

    autofocus 设置了该属性在页面加载时会自动聚焦,属性值可以不写;一个表单只能有一个 input 标签设置该属性,多用于输入框

    placeholder 用于设置简短的提示文本;多用于输入框,输入内容时提示信息自动消失

    checked 设置某个选项默认被选中;属性值为 checked,可省略不写;该属性只针对 type=“checkbox” 或者 type=“radio” 有效

    accept 设置提交的文件的类型,只针对 type=“file” 有效;点击 “选择文件” 按钮后,在弹出的资源管理器中只显示匹配的文件类型

    属性值有:

    audio/* 所有音频文件 video/* 所有视频文件 image/* 所有图片文件 src 设置以提交按钮形式显示的图像的位置,值为 url;该属性与 type=“image” 配合使用

    alt 图片按钮的图片无法显示时的替代文本;该属性只能与 type=“image” 配合使用

    type 用于决定 input 标签的显示类型;对应的属性值有很多,不同的属性值对应不同的类型,默认为 text 类型

    2022-03-14 22:54:36
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载