html下拉复选框_HTML
发布日期:2021-09-13 07:38:13 浏览次数:2 分类:技术文章

本文共 1116 字,大约阅读时间需要 3 分钟。

一、HTML 表单

元素名称

说明

form

表示 HTML 表单

input

表示用来收集用户输入数据的控件

textarea

表示可以输入多行文本的控件

select

表示用来提供一组固定的选项

option

表示提供提供一个选项

optgroup

表示一组相关的 option 元素

button

表示可用来提交或重置的表单按钮(或一般按钮)

datalist

定义一组提供给用户的建议值

fieldset

表示一组表单元素

legend

表示 fieldset 元素的说明性标签

label

表示表单元素的说明标签

output

表示计算结果

l表单标签:

定义本身是一组表单

b1d9e007d136772dd3909ab76a6b88f2.png

属性表:

元素名称

说明

action

表示表单提交的页面

method

表示表单的请求方式:有 POST 和 GET 两种,默认 GET

表示浏览器对发送给服务器的数据所采用的编码格式。有三

种:application/x-www-form-urlencoded(默认编码,

enctype

不能将文件上传到服务器)、multipart/form-data(用

于上传文件到服务器)、text/plain(未规范的编码,不

建议使用,不同浏览器理解不同)

name

设置表单名称,以便程序调用

target

设置提交时的目标位置:_blank、_parent、_self、_top

autocomplete

设置浏览器记住用户输入的数据,实现自动完成表单。默认

为 on 自动完成,如果不想自动完成则设置 off。

novalidate

设置是否执行客户端数据有效性检查,后面课程讲解。

属性详细解读

二、HTML 表单元素

1.input元素

是最重要的元素

2.select元素

定义下拉列表

l标签是定义选择的选项

l列表通常会把首个选项设置为被选项

l可以通过selected属性来设置预定义的选项

例:

6fb1ef2e1f9e0b3534b7be9723caabd3.png

3.textarea元素

定义多行输入字段(文本域):

lrows属性定义行数

lcols属性定义列数

例:

7c61baa8b052c30e43efa1a3924e7459.png

4.button元素

定义按钮

例:

f7d056f4d98564a3a9e6158937a40725.png

5.datalist元素(H5新增)

为属性设置下拉选项

例:

f80138f47ebf9aa0b611c6fc8b44ec3e.png

三、input 输入类型

type属性:决定了元素的类型

type的值:

0fda639517cab40d59eadd5f620197d9.png

1.“text”:文本

4b18f0e496edbfb69cbe2a0ec56bc6c4.png

2.“password”:密码字段

e073137152ac5c9ba75f71be0af71267.png

3.“radio”:单选按钮

34b01f1e98be61411f959e0b4dc83c84.png

4.“checkbox”:复选框

b6c916cdf5dcbaceb7f8a13004a05d67.png

5.“button”:按钮

 定义按钮

9d222633eb67dd598f38cacb3abf1f96.png

6.HTML5新增的一些input输入类型

四、input 其他属性

1.value属性

规定初始字段的初始值

例:

2e03f15d54585ba2d384cf76a2aa018a.png

2.maxlength属性

规定输入字段允许的最大长度:

例:

98628b7c6ce90d0b108027092dc1b259.png

转载地址:https://blog.csdn.net/weixin_39785600/article/details/111251011 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:android surfaceview 大小_Android使用SurfaceView实现仿微信视频通话大小视图切换功能...
下一篇:xml怎么实现点击后出现文本框提示_怎么制作PPT栅格封面?PPT如何制作栅格封面?PPT网格封面制作技巧...

发表评论

最新留言

网站不错 人气很旺了 加油
[***.192.178.218]2024年03月04日 14时51分35秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

调python返回图片_Python异常处理,3个好习惯分享给你 2019-04-21
15拆解_收藏:15款劲芯微芯片无线充产品拆解 2019-04-21
弹出u盘_都说:U盘直接拔出不会丢失文件,“安全弹出”形同虚设,对吗? 2019-04-21
怎么查看elementui版本_2021新年 Vue3.0 + Element UI 尝鲜小记 2019-04-21
adreno630gpu参数_小米8搭载Adreno 630图形处理器 比荣耀play上的GPU Turbo更成熟 2019-04-21
带bitlocker解密的pe_如何在PE下解锁bitlocker 2019-04-21
lj245a引脚功能图_谁找到74254,74LS245芯片引脚的功能和功能图啊? 2019-04-21
sts 创建webservice项目_通过eclipse将Java生成webservice | 学步园 2019-04-21
python数字字符串和数字相加_数字和字符串 2019-04-21
python风控模型举例_一文搞定风控模型6大核心指标(附代码) 2019-04-21
java arraylist 写入文件_java-将自定义对象的ArrayList写入文件 2019-04-21
ice glacier2 java_ICE提纲之demo/Glacier2/callback(跨网回调) 2019-04-21
java 转发上传文件_java 后台请求其他接口转发文件 2019-04-21
Java get set 同步_java – getResultSet()“每个结果只能调用一次” 2019-04-21
java jmx 配置_为什么在配置JMX时Java打开3个端口? 2019-04-21
java thread回调_使用Runnable在Java中实现回调 2019-04-21
java 内存区_Java内存模型和Java内存区域的区别和联系? 2019-04-21
java定时任务监控_Spring定时任务使用及如何使用邮件监控服务器 2019-04-21
java crc32 使用_Java CRC32的用法 2019-04-21
java读取unicode_java怎么样将unicode解码读取?Java读取本地文件进 2019-04-21