HTML前端开发入门之表单标签/labei标签/datalist标签

##表单标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
<!--
1.什么是表单?
表单就是专门用来收集用户信息的


2.什么是表单元素?
2.1什么是元素?
在HTML中标签/标记/元素都是指HTML中的标签
例如:<a>a标签/a标记/a元素

表单元素其实还是HTML中的一些标签,只不过这些标签比较特殊,在浏览器中所有的表单标签都有特殊的外观和默认的功能

3.表单的格式:
<form>
    <表单元素>
</form>

4.常见的表单元素:

input标签,定义输入框,input标签有一个type属性,这个属性有很多类型的取值,取值不同就决定了input的功能和外观

select标签
作用:用于定义下拉列表
格式:
<select>
    <optgroup label="类别名称"></optgroup>
        <option>列表数据<option>
        <option>列表数据<option>
        <option>列表数据<option>
</select>
注意点:
1.下拉列表不能输入内容,但是可以直接在列表中选择内容
2.可以通过给option标签添加一个selected属性来指定列表的默认值
<option selected="selected">成都</option>
3.可以通过给option标签包裹一层optgroup标签来给下拉列表中的数据分类

textarea标签
作用:定义一个多行输入框
格式:
<textarea>
</textarea>
注意点:
1.默认情况下输入框可以无限换行
2.默认情况下输入框有自己的宽度和高度
3.可以通过cols和rows来指定输入框的宽度和高度,但是虽然指定了列数和行数,但是还是可以无限往下输入
4.默认情况下,输入框是可以手动拉伸的

-->

<form

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值