html下拉复选框_HTML

一、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

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值